@charset "utf-8";
* {
    box-sizing: border-box
}


/* CSS Document */

[v-cloak] {
    display: none;
}

body,
ul,
li,
span,
nav,
i,
b,
a,
div,
dl,
dt,
dd,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
button {
    margin: 0;
    padding: 0;
    /* font-family: PingFang !important;
    list-style: none;
    text-decoration: none; */
}

.clear {
    clear: both;
    overflow: hidden;
    height: 0;
}

::-webkit-scrollbar {
    width: 0px;
}

::-webkit-scrollbar {
    display: none;
}


/*童圈*/

body {
    background: #ffffff!important;
    /* color: #282828!important; */
}

.mui-bar {
    position: relative;
}

#childSearch {
    padding-top: 0.24rem;
}

.top-blue-search {
    margin-bottom: 0;
    margin-top: 0;
    width: 88%;
    position: relative;
    margin-left: 0;
}

#children #banner {}

.top-blue-search-r {
    margin-bottom: 0;
}

input[type='search']:focus {
    padding-left: 0.6rem;
}

#childSearch .mui-search {
    width: 85%;
    margin: 0 auto;
    border-radius: 20px;
    background: #fff;
    height: 0.5rem;
    line-height: 0.5rem;
}

#childSearch .mui-search .mui-placeholder {
    font-size: 0.26rem;
    height: 0.5rem;
    line-height: 0.5rem;
    top: -5px;
    right: 0;
    bottom: 0;
    left: 0;
}

#childSearch .mui-search.mui-active:before {
    top: 20px;
    left: 20px;
}

#childSearch .mui-search input[type='search'] {
    padding-left: 38px;
}

.mui-bar input[type='search'] {
    border-radius: 50px;
    background: rgba(255, 255, 255, .8);
    margin: 6px 5px!important;
    text-align: left;
    padding-left: 0.6rem;
}

::-webkit-scrollbar {
    width: 0px!important;
    display: none!important;
}

#childSearch .mui-search:before {
    font-size: 0.34rem;
    font-weight: normal;
    position: absolute;
    margin-top: -18px;
    margin-right: 31px;
    content: '\e466';
}

#childSearch .mui-search .mui-placeholder .mui-icon {
    font-size: 0.35rem;
}

.mui-media {
    font-size: 14px;
}

#list .mui-table-view .mui-media-object {
    max-width: initial;
    width: 100px!important;
    height: 70px!important;
}

.meta-info {
    position: absolute;
    left: 115px;
    right: 15px;
    bottom: 8px;
    color: #7B7B7B;
}

.meta-info .author,
.meta-info .time {
    display: inline-block;
}

.meta-info .author {
    margin-left: 0.1rem;
}

.meta-info .time {
    float: right;
}

.mui-table-view:before,
.mui-table-view:after {
    height: 0;
}

.search_white {
    color: #fff!important;
}

.mui-content>.mui-table-view:first-child {
    margin-top: 1px;
}

.top-blue {
    height: 1rem;
    background: #25aae3;
    z-index: 200;
    color: #FFFFFF;
    font-size: 0.37rem;
    text-align: center;
}

.top-blue.posif .posia {
    right: 0.25rem;
    top: 0.34rem;
    width: 0.39rem;
    height: 0.39rem;
}

#children .nav {
    margin-top: 0.85rem;
}

#children .nav-list {
    width: 25%;
}

#children .nav-list img {
    width: 1.11rem;
    height: 1.11rem;
}

#children .nav-list .text {
    letter-spacing: 0;
    text-align: center;
    text-indent: 0.02rem;
    color: #252525;
}

.portrait {
    width: 90%;
    top: -1.44rem;
    right: 0.32rem;
    font-size: 0.29rem;
    color: #282828;
    z-index: 100;
}

.portrait .name {
    margin-top: 0.75rem;
    width: 78%;
}

.portrait img {
    width: 1.11rem;
    height: 1.11rem;
    margin-left: 0.2rem;
}

#children .nav {
    padding-top: 0;
    border-bottom: none;
    padding-bottom: 0;
}

#children .nav ul {
    width: 7.3rem;
    margin: 0 auto;
    border-bottom: 0.02rem #e5e5e5 solid;
}

#children .list-info-li {
    padding-top: 0.25rem;
    /* border-bottom: 1px #f1f1f1 solid; */
    padding-bottom: 0.2rem;
    font-size: 0.24rem;
    background: #fff;
}

#children .list-info-li .people-l {
    width: 0.8rem;
    height: 0.8rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    margin-right: 5px;
    border-radius: 1000px;
}

#children .list-info-li .list-info-li-r {
    width: 85%;
    position: relative;
    margin-left: 0.1rem;
}

#children .list-info-li .name .name-text {
    color: #576b95;
    font-size: 16px;
}

#children .list-info-li .name .del {
    width: 0.5rem;
    height: 0.5rem;
    right: 0;
    top: 0;
}

#children .list-info-li .text-info {}

#children .list-info-li .text-info .text {
    color: #282828;
    font-size: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 2px
}

#children .list-info-li .text-info .text.fold {
    -webkit-line-clamp: 5;
}

#children .list-info-li .text-info .text.unfold {
    -webkit-line-clamp: 100;
}

#children .list-info-li .text-info .text.current {
    height: auto;
}

#children .list-info-li .text-info .all {
    color: #01467d;
    font-size: 14px;
    margin-top: 0.15rem;
}

#children .list-info-li .list-info-pic {
    margin-top: 0.15rem;
}

#children .list-info-li .list-info-pic video {
    width: 3.32rem;
    height: 1.62rem;
    background: pink;
    /*添加视频后去掉*/
}

.list-info-picBackground {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}

#children .list-info-li .list-info-pic .list-ip-img1 {
    width: 2.5rem;
    height: 1.67rem;
}

#children .list-info-li .list-info-pic .list-ip-img2 {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 0.1rem;
    margin-bottom: 0.12rem;
}

#children .list-info-li .fabulous {
    margin-top: 0.1rem;
}

#children .list-info-li .fabulous .del {
    margin-left: 0.2rem;
}

#children .list-info-li .fabulous .house.yellow {
    color: yellow;
}

#children .list-info-li .fabulous .text {
    color: #7b7b7b;
}

#children .list-info-li .fabulous img {
    width: 0.35rem;
    margin-left: 0.25rem;
}

#children .list-info-li .person-fabulous {
    background: #f6f6f6;
    padding: 0 0.14rem;
    margin-top: 0.2rem;
}

#children .list-info-li .person-fabulous .person-fabulous-top {
    font-size: 14px;
}

#children .list-info-li .person-fabulous .person-fabulous-top img {
    width: 0.25rem;
    margin-top: 0.05rem;
}

#children .list-info-li .person-fabulous .person-fabulous-top .zannameBox {
    width: 5rem;
    margin-left: 0.13rem;
}

.pinglunBoxb {
    padding: 0.05rem 0;
}

#children .list-info-li .person-fabulous .zancount {
    font-size: 14px;
    color: #282828;
}

#children .list-info-li .person-fabulous .person-fabulous-top .zanname {
    color: #282828;
}

#children .list-info-li .person-fabulous .person-fabulous-top .text .z {
    width: 95%;
}

#children .list-info-li .person-comment {}

#children .list-info-li .person-comment ul {}

#children .list-info-li .person-comment ul li {
    line-height: normal;
}

#children .list-info-li .person-comment .text {
    color: #282828;
}

#children .list-info-li .person-comment .text .name {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 2rem;
    display: block;
}

#children .list-info-li .person-comment .text .content {
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 4rem;
    display: block;
    overflow: hidden;
    color: #282828;
}

.person-comment .more {
    padding-bottom: 0.1rem;
}

#children .list-info-li .person-comment .text span {
    color: #01467d;
    font-size: 14px;
}

#children .list-info-li .list-info-li-tuwen {
    padding: 0.1rem;
    background: #ebebeb;
    padding-right: 0;
    margin-top: 0.22rem;
}

.list-info-li-tuwenContent {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.list-info-li-tuwenContentTitle {}

.list-info-li-tuwenContent .p1 {
    display: block;
    padding-top: 0.1rem;
}

.list-info-li-tuwenContent .p2 {
    display: block;
    padding-top: 0.3rem;
}

#children .list-info-li .list-info-li-tuwenBackground {
    width: 1rem;
    height: 1rem;
    float: left;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}

#children .list-info-li .list-info-li-tuwen .fl {
    width: 78%;
    margin-left: 0.18rem;
}

.childrenSearch {
    margin-top: 44px;
    position: relative;
    background: #ccc;
}

.childrenSearchInput {
    width: 70%;
    margin: 0 auto;
    ;
}

#children #header {
    background: #25aae3;
}

#children .mui-title {
    color: white;
    font-size: 18px;
}

#children .clearfixvideo {
    width: 2rem;
    position: relative;
    max-height: 8rem;
}

#children input[type='text'] {
    margin: 0!important;
}

.msgdetail #inputBox {
    position: fixed;
    bottom: 0;
    z-index: 999;
    border: solid 1px #d8d8d8;
    background: #f4f4f4;
    padding-left: 10px;
    padding-bottom: 10px;
    width: 100%;
}

.msgdetail #inputa {
    width: 80%;
    border: none;
    border-bottom: solid 1px #799363;
    background: none;
}

.msgdetail #sendBtn {
    float: right;
    margin-right: 5px;
    margin-top: 10px;
    background: #07a707;
    border: solid 1px #dadada;
    color: #fff;
}

#children .fabulous .heart {
    font-size: 18px!important;
    color: #989898;
    font-weight: bold;
}

#children .fabulous .heartred {
    font-size: 18px!important;
    color: #FF0000;
    font-weight: bold;
}

#children .fabulous .comment {
    font-size: 20px;
    color: #989898;
    font-weight: bold;
}

#children .fabulous .collection {
    font-size: 20px;
    color: #989898;
}

#children .sendmsg {
    color: #fff;
    position: relative;
}

#children .blackbg {
    background: #000;
    position: absolute;
    width: 4rem;
    height: 5rem;
    top: 0.5rem;
    left: 0;
}

#diary #videoBox {
    position: relative;
}

#diary .playbtn img {
    position: absolute;
    width: 0.8rem;
    left: 0.4rem;
    top: 50%;
    margin-top: -0.5rem;
}

#children #videoBox {
    position: relative;
}

#children .playbtn img {
    position: absolute;
    width: 1rem;
    left: 0.5rem;
    top: 50%;
    margin-top: -0.5rem;
}

#children #children {
    overflow-y: hidden!important;
}

#children .trash {
    margin-left: 0.2rem!important;
    color: #576b95;
}

#children .pinglun {
    background: #f6f6f6;
    margin-top: 0.1rem;
    font-size: 14px;
    padding: 0 0.2rem;
    border-radius: 5px;
}

.msgdetail .pinglun {
    margin-bottom: 1rem;
}

#children .pinglun .dianzan {
    padding-top: 0.05rem;
    padding-bottom: 0.05rem;
}

#children .pinglun .dianzan .xintu {
    width: 15px;
    margin-top: 0.03rem;
    margin-right: 0.13rem;
}

#children .pinglun .dianzan .zannameBox {
    font-size: 14px;
    float: left;
    width: 4.5rem;
    position: relative;
    color: #576b95;
}

#children .pinglunCo {
    line-height: normal;
    line-height: 15px;
}

#children .pinglun .dianzan .zannameBox span {
    display: inline!important;
}

#children .pinglun .pinglunCo {
    position: relative;
    width: 100%;
}

#children .pinglun .pinglunCo .pinglunname {
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #576b95;
    float: left;
}

#children .pinglun .pinglunCo .pinglunBoxb {
    padding-top: 0.1rem;
}

#children .pinglun .pinglunCo .pinglunCoten {
    display: inline-block;
    float: left;
    width: 3rem;
}

#children .morez {
    padding-bottom: 0.1rem;
}

#children .delComment {
    position: absolute;
    color: #576b95;
    right: 0;
    font-size: 12px;
}

#children .noreadmsg {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    background: #fff;
    display: none;
}

#children .redmsgbox img {
    width: 0.78rem;
    display: inline-block!important;
    padding: 5px 0;
    float: left;
}

#children .redmsgbox {
    border-radius: 5px;
    border: solid 1px #7b7b7b;
    font-size: 12px;
    color: #282828;
    margin: 0 auto;
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}

#children .redmsgbox span {
    line-height: 50px;
    padding-left: 5px;
}

#children .maohao {
    float: left;
    padding: 0 2px;
}


/*banner*/

#banner {
    width: 100%;
    height: 185px;
    margin: 0 auto;
    position: relative;
    top: 0;
    left: 0;
}

#banner.bannerottom {
    /* margin-top: 41px; */
}

.swiper-slide {
    background: #F4F4F4;
}

.swiper-slide img {
    width: 100%;
   
   
}

.swiper-container {
    width: 100%;
    height: 100%;
    color: #fff;
    text-align: center;
    line-height: 0;
}

.pagination {
    width: 100%;
    position: absolute;
    z-index: 20;
    left: 0;
    bottom: 0.2rem;
}

.swiper-pagination-switch {
    display: inline-block;
    width: 0.12rem;
    height: 0.12rem;
    background: #0d79c6;
    margin-right: 0.05rem;
    cursor: pointer;
    border-radius: 100%;
    margin-right: 0.05rem;
    margin-left: 0.05rem;
    margin-bottom: 0.03rem;
}

.swiper-visible-switch {
    background: #aaa;
}

.swiper-active-switch {
    background: #FFFFFF;
    width: 0.19rem;
    height: 0.2rem;
    margin-bottom: 0;
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    /* Fix of Webkit flickering */
    z-index: 1;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    -webkit-transition-property: -webkit-transform, left, top;
    -webkit-transition-duration: 0s;
    -webkit-transform: translate3d(0px, 0, 0);
    -webkit-transition-timing-function: ease;
    -moz-transition-property: -moz-transform, left, top;
    -moz-transition-duration: 0s;
    -moz-transform: translate3d(0px, 0, 0);
    -moz-transition-timing-function: ease;
    -o-transition-property: -o-transform, left, top;
    -o-transition-duration: 0s;
    -o-transform: translate3d(0px, 0, 0);
    -o-transition-timing-function: ease;
    -o-transform: translate(0px, 0px);
    -ms-transition-property: -ms-transform, left, top;
    -ms-transition-duration: 0s;
    -ms-transform: translate3d(0px, 0, 0);
    -ms-transition-timing-function: ease;
    transition-property: transform, left, top;
    transition-duration: 0s;
    transform: translate3d(0px, 0, 0);
    transition-timing-function: ease;
}

.swiper-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-slide {
    float: left;
}


/* IE10 Windows Phone 8 Fixes */

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
}


/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/


/*
.swiper-container {
	/* Specify Swiper's Size: 

	/*width:200px;
	height: 100px;
}
.swiper-slide {
	/* Specify Slides's Size: 
	
	/*width: 100%;
	height: 100%;
}
.swiper-slide-active {
	/* Specific active slide styling: 
	
}
.swiper-slide-visible {
	/* Specific visible slide styling: 	

}*/


/* ===============================================================
Pagination Styles
================================================================*/

.swiper-pagination-switch {
    Stylize pagination button:
}

.swiper-active-switch {
    Specific active button style:
}

.swiper-visible-switch {
    Specific visible button style:
}


/*课外*/

a {
    text-decoration: none;
    text-shadow: none;
    font-weight: normal;
}

ul {
    list-style: none;
}

textarea,
input {
    outline: none;
    -webkit-appearance: none;
    font-family: PingFang !important;
}

.clear {
    clear: both;
    overflow: hidden;
    height: 0px;
}

.dk {
    width: 100%;
    max-width: 720px;
    min-width: 320px;
    margin: 0 auto;
    height: 100%;
    overflow-x: hidden;
}

img {
    border: 0;
}

input[type="button"],
input[type="checkbox"],
input[type="radio"],
input[type="submit"],
input[type="reset"],
select {
    -webkit-appearance: none;
    outline: none;
    border: none;
    font-family: PingFang !important;
}


/**********浮*动************/

.fl {
    float: left;
}

.fr {
    float: right;
}


/*头部*/

.header {
    width: 100%;
    max-width: 720px;
    min-width: 320px;
    height: 44px;
    line-height: 44px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 999;
    background: #FFF;
    border-bottom: solid 1px #DFDFDF;
}

.heand_left {
    width: 11%;
    padding-left: 4%;
    margin-top: 14px;
}

.heand_left img {
    width: 10px;
}

.heand_right {
    padding-right: 3%;
    width: 27%;
    z-index: ;
}

.hd_right {
    width: 33.333%;
    display: block;
    text-align: right;
    margin-top: 13px;
}

.hd_right img {
    width: 20px;
}

.hd_right button {
    border: none;
    background-color: rgba(0, 0, 0, 0)
}

.heand_con {
    width: 40%;
    padding-left: 15%;
    font-size: 18px;
    color: #282828;
    text-align: center;
    font-family: PingFang !important;
}


/*导航*/

.menu_bj {
    z-index: 995;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    filter: alpha(opacity=0);
    display: none;
    transition: 0.5s;
}

.menu_k {
    width: 1.2rem;
    background: rgba(255, 255, 255, 0.9);
    left: 0;
    position: absolute;
    top: 0.44rem;
    z-index: 996;
    display: none;
    box-shadow: 0 0 5px #ddd;
}

.menu_k li {
    position: relative;
}

.menu_k li a.menu_a {
    color: #282828;
    font-size: 0.13rem;
    line-height: 0.36rem;
    height: 0.36rem;
    margin: 0 auto;
    display: block;
    text-align: center;
}

.menu_k li:first-child a.menu_a {
    border-top: none;
}

.menu_k li a.menu_aonK {
    background: rgba(252, 2, 2, 0.6);
    color: #FFF;
}


/*footer*/

.footC {
    font-size: 0.1rem;
    color: #FFF;
    line-height: 0.3rem;
    text-align: center;
    background: #353535;
    width: 100%;
}

.footer {
    width: 100%;
    background: #535353;
    padding: 0.15rem 0;
    width: 100%;
}

.ftPhone {
    text-align: center;
    font-size: 0.14rem;
    line-height: 0.2rem;
    color: #ff0000;
    font-weight: bold;
}

.ftComy {
    line-height: 0.2rem;
    text-align: center;
    font-size: 0.12rem;
    color: #FFF;
    margin-top: 0.04rem;
}

.ftComy span {
    padding: 0 0.04rem;
}

.footKm {
    width: 1.5rem;
    margin: 0.1rem auto 0;
}

.footKma {
    width: 0.7rem;
    height: 0.7rem;
    overflow: hidden;
}


/*分页*/

.paging {
    margin: 30px 0;
    text-align: right;
}

a.pageU,
a.pageD {
    -webkit-transform: scale(1, 2);
    font-size: 16px;
    display: inline-block;
    color: #7b7b7b;
}

a.pageU:hover,
a.pageD:hover {
    color: #282828;
}

a.pageU {
    margin-right: 20px;
}

a.pageD {
    margin-left: 20px;
}

a.pageA {
    color: #282828;
    font-size: 000;
    font-size: 12px;
    width: 35px;
    line-height: 26px;
    text-align: center;
    display: inline-block;
}

a.pageAon {
    background: #000;
    color: #FFF;
}

.paging span {
    width: 35px;
    text-align: center;
    display: inline-block
}

a.pageA:first-child {
    -webkit-transform: scale(1, 2);
    font-size: 16px;
    display: inline-block;
    color: #7b7b7b;
    margin-right: 20px;
}

a.pageA:last-child {
    -webkit-transform: scale(1, 2);
    font-size: 16px;
    display: inline-block;
    color: #7b7b7b;
    margin-left: 20px;
}

a.pageA:hover:first-child,
a.pageA:hover:last-child {
    color: #282828;
}


/*课程详情*/

#classes {
    background: #FFFFFF;
}

.classes-wrap {
    width: 6.7rem;
    margin: 0 auto;
}

.classes-top {
    width: 100%;
    height: 2.37rem;
    /*background: url(../images/classes-banner.png) left top no-repeat;
	background-size: 100% 100%;*/
    top: 0;
    left: 0;
    z-index: 150;
    background: #fff;
}

.classes-top img.classes-bacgr {
    width: 100%;
    height: 2.37rem;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-filter: blur(0.08rem);
}

.classes-icon {
    padding-top: 0.3rem;
}

.classes-icon li.fl {}

.classes-icon li.fl img {
    width: 0.13rem;
    height: 0.3rem;
}

.classes-icon li.fr {
    margin-left: 0.2rem;
}

.classes-icon li.fr img {
    width: 0.3rem;
    height: 0.3rem;
}

.classes-address {
    width: 6.7rem;
    bottom: -0.4rem;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.classes-pic-l {
    width: 1.57rem;
    height: 1.57rem;
    border-radius: 0.05rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}

.backgroundCenter {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}

.classes-text-r {
    width: 70%;
    color: #FFFFFF;
    margin-left: 0.2rem;
}

.classes-name {
    font-size: 0.26rem;
    margin-top: 0.2rem;
}

.classes-place {
    font-size: 0.22rem;
    margin-top: 0.15rem;
}

.classes-place img {
    width: 0.22rem;
    height: 0.3rem;
    margin-right: 0.15rem;
    display: initial;
}

.classes-tab-frame {
    width: 100%;
    background: #FFFFFF;
    font-size: 0.28rem;
    position: fixed;
    top: 2.35rem;
    ;
    padding-top: 0.6rem;
    z-index: 100;
}

.classes-tab {
    height: 39px;
}

.classes-tab-frame a {
    text-align: center;
    padding: 0.1rem 0;
}

.classes-tab-frame ul li {
    width: 25%;
    float: left;
}

.classes-info-frame {
    font-size: 0.22rem;
    position: relative;
}

.classes-info {}

.classes-info.classes-one {
    padding-top: 0.25rem;
}

.classes-info.classes-one ul {
    width: 106%;
}

.classes-info.classes-one li {
    float: left;
    width: 3.15rem;
    padding-bottom: 0.1rem;
    margin-right: 0.36rem;
    margin-bottom: 0.2rem;
}

.classes-info.classes-one .classes-one-pic {
    width: 3.15rem;
    height: 2.28rem;
}

.classes-info.classes-one .classes-one-text {
    margin-top: 0.22rem;
    color: #282828;
}

.classes-info.classes-one .classes-one-text .title {
    font-size: 0.26rem;
}

.classes-info.classes-one .classes-one-text .content {
    margin-top: 0.16rem;
}

.classes-two {
    background: #fff;
}

.classes-two-text {
    margin-top: 0.15rem;
}

.classes-two-text li {}

.classes-two-text li.classes-two-address {
    min-height: 1rem;
    line-height: 0.8rem;
    color: #282828;
    font-size: 14px;
    border-bottom: 0.04rem solid #eeecec;
    padding-top: 0.16rem;
}

.classes-two-text li.classes-two-address .text {
    width: 75%;
}

.classes-two-text li.classes-two-address button {
    width: 0.32rem;
    height: 0.32rem;
    background: url(../images/tel.png) no-repeat center center;
    background-size: 100% 100%;
    border: none;
    top: 0.2rem;
    right: 0.25rem;
    position: absolute;
}

.classes-two-pub {
    padding: 0.2rem 0;
    font-size: 14px;
}

.classes-two-pub .text {
    width: 93%;
    line-height: 0.35rem;
    line-height: 25px;
}

.classes-two-text li.classes-two-time {
    height: 0.65rem;
    line-height: 0.65rem;
    border-bottom: 0.03rem solid #eeecec;
}

.classes-three {
    background: #ebebeb!important;
}

.classes-three .classes-three-list {
    width: 6.8rem;
    margin: 0 auto;
    padding: 0.2rem 0.16rem;
    background: #fff;
    margin-bottom: 0.26rem;
    position: relative;
}

.classes-three .classes-three-list .historyImg.fl {
    width: 2.02rem;
    height: 1.43rem;
}

.classes-three .classes-three-list .content {
    margin-left: 0.4rem;
    float: left;
    width: 60%;
}

.classes-three .classes-three-list .content .title {
    font-size: 0.28rem;
    color: #282828;
}

.classes-three .classes-three-list .content .text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: 14px;
}

.historyBox {
    position: absolute;
    color: #7b7b7b;
    bottom: 0.1rem;
}

.historyBox .pageView {
    padding-left: 1.3rem;
}

.classes-four {}

.classes-four .classes-four-scroe {
    border-bottom: 0.04rem solid #eeecec;
    padding-bottom: 0.5rem;
}

.classes-four .classes-four-scroe .classes-four-num {
    margin-left: 0.98rem;
    float: left;
    text-align: center;
}

.classes-four .classes-four-scroe .big-num {
    color: #ffb926;
    font-size: 0.69rem;
}

.classes-four .classes-four-scroe .text {
    color: #282828;
    font-size: 0.29rem;
}

.classes-four .classes-four-scroe .classes-four-star {
    float: left;
    margin-left: 0.65rem;
    margin-top: 0.1rem;
}

.classes-four .classes-four-scroe .classes-four-star li {
    color: #282828;
    margin-bottom: 0.06rem;
}

.classes-four .classes-four-scroe .classes-four-star li .word {
    float: left;
    margin-right: 0.18rem;
}

.classes-four .classes-four-scroe .classes-four-star li .img {
    float: left;
    margin-top: 0.02rem;
}

.classes-four .classes-four-scroe .classes-four-star li .img .star {
    float: left;
    width: 0.24rem;
    height: 0.23rem;
    margin-right: 0.08rem;
}

.classes-four .classes-four-scroe .classes-four-star li .star-score {
    float: left;
    color: #ffb926;
    margin-left: 0.15rem;
    font-size: 0.24rem;
}

.classes-four .classes-four-list {
    background: #fff;
}

.classes-four .classes-four-list {}

.classes-four .classes-four-list li {
    border-bottom: 1px solid #DDDDDD;
    padding: 0.25rem 0;
}

.classes-four .classes-four-list li img.fl {
    width: 0.71rem;
    height: 0.71rem;
    border-radius: 100%;
}

.classes-four .classes-four-list li .content {
    float: left;
    width: 84%;
    color: #282828;
    font-size: 0.22rem;
    margin-left: 0.23rem;
}

.classes-four .classes-four-list li .content .title {
    font-size: 14px
}

.classes-four .classes-four-list li .content .time {
    font-size: 12px;
    color: #7b7b7b;
}

.classes-four .classes-four-list li .content .all {
    margin-top: 0.1rem;
}

.classes-four .classes-four-list li .content .scroe {
    color: #7b7b7b;
    margin: 0.1rem 0;
}

.classes-four .classes-four-list li .content .scroe span {
    margin-right: 0.4rem;
}

.classes-four .classes-four-list li .content .text.fold {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 14px;
}

.classes-four .classes-four-list li .content .text.unfold {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 100;
    overflow: hidden;
    font-size: 14px;
}

.classes-four .classes-four-list li .content .posia {
    color: #7b7b7b;
}


/*搜索*/

#search .top-blue {
    background: #25aae3;
    width: 100%;
    height: 1rem;
    padding-top: 0.26rem;
    z-index: 100;
}

#search .top-blue-search {
    width: 80%;
    height: 0.5rem;
    border-radius: 0.3rem;
    float: left;
}

.top-blue-search-l {
    width: 0.23rem;
    height: 0.26rem;
    top: 14px;
    left: 10px;
    position: absolute;
}

#search .top-blue .top-blue-search-r {
    width: 80%;
    padding-top: 0.05rem;
    margin-left: 0.1rem;
    background: none;
    border: none;
    font-size: 0.26rem;
    color: #FFFFFF;
}

.search-close {
    width: 0.2rem;
    height: 0.2rem;
    float: right;
    margin-right: 0.2rem;
    margin-top: 0.15rem;
}

.search-btn {
    color: #282828;
    font-size: 14px;
    right: 0.2rem;
    top: 12px;
    margin: auto;
    position: absolute;
    background: none;
    border: none;
    padding: 0px;
}

.mui-bar-nav~.mui-content {
    padding-top: 0;
}

.search-btn a {
    color: #FFFFFF;
}

.mui-icon-search {
    padding-top: 0!important;
    margin-top: -2px;
    color: #aab2bd;
    font-size: 20px!important;
}

.search-s-pub {
    font-size: 14px;
    padding-top: 0.35rem;
}

.search-s-pub .search-s-pub-ul {
    width: 6.98rem;
    margin: 0 auto;
    margin-top: 0.15rem;
}

.search-s-pub li {
    float: left;
    background: #f2f2f2;
    padding: 0.1rem;
    border-radius: 0.1rem;
    margin-right: 0.1rem;
    color: #282828;
    margin-bottom: 0.1rem;
}

.search-s-pub li a {
    color: #282828;
}

.search-title {
    width: 6.98rem;
    margin: 0 auto;
    color: #7b7b7b;
}

.search-title .fr {
    width: 0.2rem;
    height: 0.2rem;
    margin-top: 0.05rem;
    margin-right: 0.45rem;
    background: url(../images/trash.png) no-repeat center center;
    background-size: 100% 100%;
    border: none;
    outline: none;
}

.search-hot {
    margin-top: 1rem;
}

.search-nav {
    width: 100%;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 150;
    font-size: 0.26rem;
    color: #282828;
    top: 1rem;
    background: #FFFFFF;
}

.search-nav ul.search-nav-title {
    border-bottom: 0.03rem solid #d9d7d7;
}

.search-nav ul.search-nav-title li {
    width: 33.33%;
    height: 0.6rem;
    line-height: 0.6rem;
    text-align: center;
    float: left;
    position: relative;
}

.search-nav ul.search-nav-title li .line {
    width: 0.02rem;
    height: 0.25rem;
    position: absolute;
    right: 0;
    top: 0.2rem;
    background: #d9d7d7;
}

.search-nav ul.search-nav-title li.current {
    color: #25aae3;
}

.search-nav ul.search-nav-title span {
    margin-left: 0.15rem;
}

.search-nav ul.search-nav-title img {
    width: 0.25rem;
    height: 0.12rem;
    float: right;
    margin-right: 0.35rem;
    margin-top: 0.26rem;
}

.search-nav-list {}

.search-nav-list-li {
    font-size: 0.26rem;
    height: 0.8rem;
    line-height: 0.8rem;
    text-align: center;
    background: #FFFFFF;
    border-bottom: 1px solid #f2f2f2;
}

.search-nav-list-li.current {
    color: #25aae3;
    background: #EEEEEE;
}

.search-nav-list-li.current a {
    color: #25aae3;
}

.search-list {
    font-size: 0.22rem;
    background: #fff;
    padding-bottom: 0.2rem;
}

.index-foryou .search-list {
    margin-top: -0.25rem;
}

.search-list li {
    border-bottom: #eee 0.02rem solid;
    margin: 0 0.2rem;
}

.search-list-wrap {
    width: 7rem;
    margin: 0 auto;
    padding-top: 9px;
    padding-bottom: 9px;
}

.search-list img.fl {
    width: 2.21rem;
    height: 1.48rem;
    border-radius: 0.05rem;
}

.search-list .content {
    float: right;
    margin-left: 0.2rem;
    width: 5rem;
    line-height: normal;
    margin-top: 0.1rem;
}

.search-list .content .title {
    font-size: 16px;
    color: #282828;
    font-weight: normal;
}

#schools .search-list .content .title {
    font-size: 0.28rem;
    color: #282828;
    font-weight: normal;
}

.search-list .content .star {}

.search-list .content .star img {
    width: 9px;
    height: 9px;
    margin-right: 0.05rem;
}

.search-list .content .star img:last-child {
    margin-right: 0.2rem;
}

.search-list .content .star span {
    color: #7b7b7b;
    padding-top: 0;
}

.search-list .content .follow {
    float: left;
    background: #25aae3;
    color: #FFFFFF;
    padding: 0.02rem 0.1rem;
    border-radius: 0.1rem;
    margin-top: 0.2rem;
    margin-right: 0.1rem;
    line-height: normal;
}

.searchList {
    margin-top: 44px;
}

.search-listList {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    width: 1.8rem;
    height: 75px;
}

.mask-gray {
    top: 1.6rem;
}

.top-blue-search-r::-webkit-input-placeholder {
    color: #FFFFFF;
}

.top-blue-search-r:-moz-placeholder {
    /* Firefox 18- */
    color: #FFFFFF;
}

.top-blue-search-r::-moz-placeholder {
    /* Firefox 19+ */
    color: #FFFFFF;
}

.top-blue-search-r:-ms-input-placeholder {
    color: #FFFFFF;
}


/*老师*/

.teacherTop {
    margin-top: 40px;
}

#teacher .me_content_list .mui-table-view .mui-table-view-cell img {
    width: 0.9rem;
    height: 0.9rem;
}

#teacher .me_content_list .mui-grid-view.mui-grid-9 .mui-table-view-cell {
    padding: 0;
}

#teacher .me_content_list .mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body {
    font-size: 14px;
}

.open {
    color: #fff;
    padding-top: 5px;
}

#teacher .mui-grid-view.mui-grid-9 .mui-table-view-cell {
    border-right: none;
}

.warnIcon {
    width: 8px;
    height: 8px;
    background: #ff0000;
    border-radius: 50px;
    display: block;
    position: absolute;
    right: 15px;
    top: 10px;
}

.noticeList {
    background: #fff;
    margin-top: 10px;
    border-top: solid 1px #eee;
}

.noticeListInfo.dope {
    margin-top: 12px;
}

.noticeListInfoTitle {
    font-size: 16px;
}

.noticeList .warnIcon {
    top: 0;
    right: -5px;
}

.noticeListIcon img {
    width: 1rem;
    height: 1rem;
}

.noticeListInfoContent {
    color: #7b7b7b;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 225px;
    overflow: hidden;
    padding-top: 0px;
}

.noticeListIcon {
    position: relative;
    margin-right: 20px;
    padding-left: 10px;
}

.noticeListOne li {
    padding-bottom: 10px;
    line-height: 25px;
}

.serviceskefuIcon {
    border-radius: 100px;
    width: 1rem;
    height: 1rem;
    margin: 10px 20px 0px 10px;
}

.servicesKefu li {
    border-bottom: solid 1px #eee;
    padding-bottom: 10px;
    line-height: 25px;
}

#teacher .top-blue {
    height: 1rem;
}

#teacher .nav {
    margin-top: 1rem;
    border-bottom: 1px #F6F6F6 solid;
}

.teacher-wrap {
    width: 6.9rem;
    margin: 0 auto;
}

.teacher-list {}

.teacher-list li {
    padding: 0.2rem 0;
    border-bottom: 1px #F6F6F6 solid;
    font-size: 0.22rem;
    background: #fff;
}

.teacher-list ul {
    overflow: hidden;
}

.teacher-list li img.fl {
    width: 2.24rem;
    height: 1.46rem;
    background: pink;
}

.teacher-list li .posir {
    width: 65%;
    margin-left: 0.16rem;
}

#noticedetail {}

#noticedetail .mui-icon img {
    width: 1rem;
    padding: 10px 0 10px 10px;
}

.teacher-list li .name {
    font-size: 0.26rem;
    color: #282828;
    font-weight: bold;
    margin-top: 0.1rem;
}

.teacher-list li .star {
    margin: 0.1rem 0;
}

.teacher-list li .star img {
    width: 0.27rem;
    height: 0.26rem;
    float: left;
    margin-right: 0.05rem;
}

.teacher-list li .text {
    color: #7b7b7b;
}

.teacher-list li .online {
    width: 1.17rem;
    height: 0.44rem;
    line-height: 0.46rem;
    border-radius: 0.1rem;
    background: #25aae3;
    text-align: center;
    color: #FFFFFF;
    letter-spacing: 0.02rem;
    font-size: 0.2rem;
    margin-top: 0.5rem;
}

.servicesBox {}


/*请假公共按钮*/

.leave-submit {
    width: 5.04rem;
    height: 0.8rem;
    margin: 0 auto;
    line-height: 0.8rem;
    color: #FFFFFF;
    background: #25aae3;
    border-radius: 0.5rem;
    display: block;
    margin-top: 1.6rem;
    font-size: 0.36rem;
}


/*宝贝请假*/

.babyleave-wrap {
    width: 6.4rem;
    margin: 0 auto;
}

.babyleave-list {
    font-size: 0.26rem;
    color: #282828;
}

.babyleave-list ul {}

.babyleave-list ul li {
    background: #FFFFFF;
    height: 0.93rem;
    line-height: 0.96rem;
    border-bottom: 1px solid #e3e3e3;
}

.babyleave-list ul li:last-child {
    border-bottom: none;
}

.babyleave-list ul li .text {
    float: right;
    margin-right: 0.5rem;
    color: #7b7b7b;
    width: 60%;
    height: 0.93rem;
    line-height: 0.96rem;
    border: none;
    text-align: right;
}

.babyleave-list-select {
    width: 100%;
    height: 0.93rem;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
    opacity: .01;
    top: 0;
    left: 0;
    z-index: 1;
    position: absolute;
}

.babyleave-list ul li .babyleave-list-select:active,
.babyleave-list ul li .babyleave-list-select:focus,
.babyleave-list ul li .babyleave-list-select option:active {
    outline: none;
}

.babyleave-list ul li input.text {
    /*margin-top: 0.2rem;
	border: none;*/
    margin-right: 0.3rem;
}

.babyleave-list ul li img.posia {
    width: 0.19rem;
    height: 0.36rem;
    top: 0.3rem;
    right: 0;
}

.babyleave-textarea-k {
    background: #FFFFFF;
    position: relative;
    margin-top: 0.3rem;
    padding-bottom: 0.5rem;
}

.babyleave-textarea {
    width: 88%;
    height: 1.95rem;
    background: #FFFFFF;
    padding: 0 6%;
    border: none;
    resize: none;
    margin-top: 0.3rem;
    color: #282828;
}

.babyleave-textarea-k .posia {
    bottom: 0.15rem;
    right: 0.6rem;
}

.babyleave-textarea::-webkit-input-placeholder {
    color: #aab2bd;
}

.babyleave-textarea:-moz-placeholder {
    color: #aab2bd;
}

.babyleave-textarea::-moz-placeholder {
    color: #aab2bd;
}

.babyleave-textarea:-ms-input-placeholder {
    color: #aab2bd;
}


/*请假记录*/

.leaverecord-list {
    font-size: 0.28rem;
    color: #7b7b7b;
}

.leaverecord-list ul.leaverecord-list-ul {
    background: #FFFFFF;
    border-bottom: 1px solid #e3e3e3;
    overflow: hidden;
}

.leaverecord-list li.leaverecord-list-li {
    height: 0.66rem;
    line-height: 0.66rem;
}

.leaverecord-list li.leaverecord-list-li .text-red {
    color: #f53939;
    float: right;
}

.leaverecord-list li.leaverecord-list-li .text-gray {
    color: #282828;
    float: right;
}


/*请假详情*/

.leaveinfo-wrap {
    width: 6.4rem;
    margin: 0 auto;
}

.leaveinfo-content {
    color: #282828;
    font-size: 0.27rem;
}

.leaveinfo-top {
    font-size: 0.24rem;
}

.leaveinfo-top {
    background: #25aae3;
    padding: 0.2rem 0;
    font-weight: bold;
}

.leaveinfo-white {
    width: 5.7rem;
    margin: 0 auto;
    padding: 0.18rem 0.35rem;
    background: #FFFFFF;
    border-radius: 0.1rem;
}

.leaveinfo-white ul li {
    /*height: 0.43rem;*/
    line-height: 0.43rem;
}

.leaveinfo-approval {
    margin-top: 0.3rem;
}

.leaveinfo-approval ul {
    border-bottom: 1px solid #e3e3e3;
}

.leaveinfo-approval ul li {
    height: 0.64rem;
    line-height: 0.64rem;
}

.leaveinfo-approval ul li:last-child {
    height: auto;
}

.leaveinfo-approval .text-red {
    color: #f53939;
}

.leaveinfo-approval .text-gray {
    color: #7b7b7b;
}

.leaveinfo-textarea {
    width: 100%;
    height: 1.8rem;
    resize: none;
    border: none;
    color: #282828;
}

.leave-submit-wrap {
    width: 4.4rem;
    margin: 0 auto;
}

#leaveinfo .leave-submit {
    width: 1.64rem;
    height: 0.68rem;
    margin-top: 0.4rem;
    font-size: 0.28rem;
    line-height: 0.68rem;
}


/*消息*/

.message-wrap {
    width: 6.66rem;
    margin: 0 auto;
}

.message-main {
    font-size: 0.24rem;
}

.message-main img.fl {
    width: 1rem;
    height: 1rem;
}

.message-main ul {
    padding-top: 0.22rem;
    overflow: hidden;
}

.message-main ul li {
    background: #FFFFFF;
    margin-bottom: 0.22rem;
    padding: 0.33rem 0;
}

.message-text {
    width: 80%;
    float: left;
    margin-left: 0.3rem;
}

.message-text .title {
    color: #282828;
    font-size: 16px;
    margin-top: 0.1rem;
}

.message-text .content {
    color: #7b7b7b;
    margin-top: 0.1rem;
}

.message-text .time {
    right: 0;
    top: 0.16rem;
    font-size: 0.2rem;
    color: #7b7b7b;
}

.message-wrap .sendbtn {
    border: none;
    background: #25aae3;
    color: #fff;
    border-radius: 50px;
    position: absolute;
    right: 20px;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 30px;
}


/*通知*/

.notice {}

.notice-wrap {
    margin: 0 auto;
    padding: 0 0.2rem;
}

.notice-main {
    font-size: 0.24rem;
    color: #282828;
    margin-top: 0.2rem;
}

.notice-main ul {
    overflow: hidden;
}

.notice-main ul li {
    background: #fff;
    margin-bottom: 0.2rem;
    padding: 0.3rem 0 0 0;
}

.notice-main ul li:last-child {
    border-bottom: none;
}

.notice-main ul li .time {
    color: #7b7b7b;
    font-size: 0.2rem;
    height: 0.6rem;
    line-height: 0.6rem;
}

.notice-main ul li .title {
    color: #282828;
    font-size: 0.28rem;
}

.notice-main ul li .text {
    padding: 0 0 0.25rem;
    line-height: 18px;
    padding-top: 4px;
    color: #7b7b7b;
}

.notice-main ul li .arrow {
    width: 0.13rem;
    height: 0.24rem;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0.2rem;
    margin: auto;
}


/*余额*/

.balance-wrap {
    width: 6.3rem;
    margin: 0 auto;
}

.balance-money {
    padding-bottom: 0.45rem;
    border-bottom: 1px solid #f6f6f6;
}

.balance-num {
    color: #282828;
    font-size: 0.48rem;
    text-align: center;
    padding-top: 0.64rem;
    font-weight: bold;
}

.balance-button {
    width: 1.37rem;
    height: 0.57rem;
    line-height: 0.57rem;
    background: #ff3b4c;
    border-radius: 0.1rem;
    margin: 0 auto;
    font-size: 0.28rem;
    color: #FFFFFF;
    text-align: center;
    margin-top: 0.3rem;
    font-weight: 300;
}

.balance-main {
    font-size: 0.24rem;
    color: #282828;
}

.balance-change {
    border-bottom: 1px solid #f6f6f6;
}

.balance-change li {
    width: 33.33%;
    height: 0.6rem;
    line-height: 0.64rem;
    text-align: center;
    position: relative;
    float: left;
    font-size: 0.28rem;
}

.balance-change li.current {
    color: #25aae3;
}

.balance-change li img {
    width: 0.17rem;
    height: 0.08rem;
    display: initial;
    margin-top: 0.3rem;
    margin-left: 0.18rem;
}

.balance-change li .line {
    width: 1px;
    height: 0.6rem;
    position: absolute;
    background: #f6f6f6;
    top: 0;
    right: 0;
}

.balance-list {
    overflow: hidden;
}

.balance-list li {
    padding-top: 0.23rem;
    padding-bottom: 0.2rem;
    border-bottom: 1px solid #f6f6f6;
}

.balance-list li:last-child {
    border-bottom: none;
}

.balance-list li .balance-recharge {
    font-size: 0.26rem;
}

.balance-list li .balance-recharge .fr {
    font-size: 0.22rem;
    color: #7b7b7b;
    margin-top: 0.05rem;
}

.balance-list li .balance-account {
    margin-top: 0.1rem;
    font-weight: bold;
}


/*宝贝信息*/

#baby-information .mui-table-view {
    margin-top: 44px;
}

#baby-information .mui-table-view span {
    display: inline-block;
    width: 10rem;
}


/*个人信息*/

#personal-information .mui-table-view {
    margin-top: 44px;
}

#personal-information .mui-table-view span {
    display: inline-block;
    width: 10rem;
}

#personal-information .mui-table-view b a {
    color: #282828;
}

#personal-information .mui-table-view .babyinfo {
    width: 100%;
    display: block;
}


/*通用信息*/

#general-information {}


/*监控列表*/

.monitor-wrap {
    width: 6.36rem;
    margin: 0 auto;
}

.monitor-top {
    height: 1.83rem;
    background: #25aae3;
    position: relative;
    font-size: 0.2rem;
}

.monitor-top-portrait {
    width: 1.05rem;
    height: 1.05rem;
    border-radius: 100%;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 15;
    border: 0.1rem solid #e9e9e9;
}

.monitor-top-white {
    position: absolute;
    bottom: -1.15rem;
    left: 0;
    right: 0;
    z-index: 10;
    height: 1.57rem;
    background: #FFFFFF;
    border-radius: 0.15rem;
    padding-top: 0.77rem;
    padding-bottom: 0.05rem;
    text-align: center;
    box-shadow: 0rem 0rem 0.5rem 0rem #d5d5d5;
}

.monitor-top-white .title {
    font-size: 0.24rem;
    color: #009de0;
}

.monitor-top-white .address {
    font-size: 0.22rem;
    color: #7b7b7b;
}

.monitor-top-list {
    margin-top: 0.25rem;
}

.monitor-top-list ul li {
    float: left;
    width: 50%;
}

.monitor-top-list ul li .num {
    color: #282828;
}

.monitor-top-list ul li .text {
    color: #7b7b7b;
    margin-top: 0.05rem;
}

.monitor-list {
    margin-top: 1.7rem;
    border-radius: 0.15rem;
    box-shadow: 0rem 0rem 0.5rem 0rem #d5d5d5;
    overflow: hidden;
    margin-bottom: 0.6rem;
}

.monitor-list ul {
    padding: 0.55rem 0.48rem 0;
    width: 95%;
    overflow: hidden;
}

.monitor-list ul li {
    width: 2.44rem;
    float: left;
    margin-right: 0.5rem;
    margin-bottom: 0.64rem;
}

.monitor-list ul li video {
    width: 2.44rem;
    height: 1.5rem;
    background: blue;
    border-radius: 0.2rem;
}

.monitor-list ul li .text {
    color: #282828;
    font-size: 0.26rem;
    text-align: center;
}


/*我的*/

#me #userinfo {}

.userinfoTitle {
    text-align: center;
    color: #fff;
    padding-top: 0.5rem;
    padding-bottom: 0.3rem;
}

.userinfoTitleIcon {
    position: absolute;
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 100px;
    right: 0.3rem;
    top: 0.5rem;
}

.mui-btn-link .mui-icon-left-nav {
    color: #fff;
}

.top-blue .mui-btn-link {
    font-size: 24px;
    margin-top: -12px;
}

.me_content {
    background: #fff;
}

.me_content_list {
    background: #fff;
}

.me_content_list .mui-table-view .mui-table-view-cell img {
    width: 0.36rem;
    height: 0.38rem;
}

.me_content_list .mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body {
    font-size: 14px;
    font-weight: normal;
    margin-top: 7px;
}

.mui-grid-view.mui-grid-9 .mui-table-view-cell>a:not(.mui-btn) {
    padding: 5px 0!important;
}

.me_content_list .mui-grid-view.mui-grid-9 {
    border-top: none;
    background: #ebebeb;
}

.noborderBottom {
    border-bottom: none!important;
}

.me_content_list .mr {
    margin-bottom: 10px!important;
}

.me_content_list .mui-grid-9 li {
    background: #fff!important;
}

.me_content_list .mui-grid-view.mui-grid-9 .mui-table-view-cell>a:not(.mui-btn) {
    padding: 10px 0!important;
}

.me-top {
    position: relative;
}

.me_advert img {
    width: 100%;
    height: 100%;
}

.me-top-portrait {
    width: 1.29rem;
    height: 1.29rem;
    border-radius: 100%;
    border: 0.05rem solid #FFFFFF;
}

.me-top .name {
    color: #FFFFFF;
    font-size: 16px;
    text-align: center;
    margin-top: 0.25rem;
    letter-spacing: 5px;
    position: relative;
    margin-left: 35px;
}

.me-top .name span {
    font-size: 12px;
}

.me-top .name p {
    font-size: 12px;
    color: #fff;
    text-align: left;
}

.me-top-list {
    background: #fff;
    padding-top: 0.26rem;
    padding-bottom: 0.28rem;
    margin-bottom: 0.19rem;
}

.me-top-list .mui-grid-9 {
    background: #fff!important;
}

#me .me_content_list .mui-table-view.mui-grid-view .mui-table-view-cell {
    text-align: left;
}

#me .me_content_list .mui-icon {
    float: left;
    margin-right: 0.1rem;
}

.revise {
    position: absolute;
    right: 10px;
    top: 1.5rem;
    width: 0.5rem;
    height: 0.5rem;
}

.revise img {
    width: 0.5rem;
    height: 0.5rem;
}

.me-top-list ul li a {
    color: #FFFFFF;
    font-size: 0.1rem;
    opacity: 1;
}

.me-top-list .mui-table-view .mui-table-view-cell img {
    width: 0.43rem;
    height: 0.41rem;
}

.me-main {
    font-size: 0.28rem;
    color: #282828;
}

.me-main .mui-popover {
    width: 100%;
    left: 0!important;
    background: none!important;
}

.me-main .mui-table-view-cell:after {
    left: 0;
}

.me_content_list .mui-grid-view.mui-grid-9 .mui-table-view-cell {
    padding: 0 15px;
}

.me-main ul li {
    background: #FFFFFF;
}

.me-main-portrait {
    height: 0.84rem;
    line-height: 0.84rem;
    padding-left: 0.46rem;
    position: relative;
    font-weight: bold;
    font-size: 0.3rem;
    background: #fff;
}

.me-main-portrait img {
    float: left;
    margin-top: 0.2rem;
    margin-right: 0.2rem;
}

.me-main-portrait .me-portrait-pic {
    width: 0.58rem;
    height: 0.58rem;
    margin-top: 0.15rem;
}

.me-main-portrait span.fr {
    margin-right: 0.73rem;
    color: #7b7b7b;
    font-size: 0.2rem;
    font-weight: normal;
}

.me-main-portrait img.arrow {
    width: 0.14rem;
    height: 0.24rem;
    position: absolute;
    right: 0.33rem;
    top: 0.28rem;
    margin: 0;
    float: initial;
}

.me-main ul li.me-main-littlenav {
    padding-left: 0.46rem;
    width: calc(50% - 0.46rem);
    float: left;
    height: 1.4rem;
    position: relative;
}

.me_content .mui-media-object {
    float: left;
    margin-top: 0.4rem;
    margin-right: 0.2rem;
}

.me_content .mui-media-body {
    margin-top: 0.4rem;
    font-weight: bold;
    font-size: 0.3rem;
}

.me-main ul li.me-main-littlenav .text {
    font-size: 0.2rem;
    color: #7b7b7b;
}

.me-main ul li .line {
    width: 1px;
    height: 1.4rem;
    background: #f2f0f0;
    position: absolute;
    top: 0;
    right: 0;
}

.QrTop {
    background: #666;
    height: 1rem;
}

.QrTitle {
    text-align: center;
    line-height: 1rem;
    color: #fff;
    font-size: 0.33rem;
}

.QrBack img {
    width: 0.19rem;
    height: 0.38rem;
    margin: 0.31rem 0 0 0.26rem;
}

.QrBack {
    width: 1rem;
    position: absolute;
    height: 1rem;
}

.QrContent_logo img {
    width: 1.44rem;
    height: 1.23rem;
    margin: 0.44rem 0 0.28rem 0.15rem;
}

.Qr {
    background: #313131;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 991;
    display: none;
}

.QrContent {
    height: 8.55rem;
    background: #fff;
    width: 90%;
    margin: 0 auto;
    margin-top: 1rem;
}

.QrImg img {
    height: 5.88rem;
    margin: 0 auto;
}

.QrContent_title {
    margin: 0.58rem 0 0 0.26rem;
}

.QrFooter {
    text-align: center;
    margin-top: 0.24rem;
    color: #282828;
}

.QrContent_titlep1 {
    font-weight: bold;
    font-size: 0.35rem;
    margin-bottom: 0.18rem;
}

.QrContent_titlep2 {
    color: #282828;
}


/*发布*/

.yiny {
    box-shadow: 3px 3px 3px #ccc;
}

ul {
    list-style-type: none;
}

a {
    text-decoration: none;
}

.cls {
    clear: both;
}

table {
    border-collapse: collapse;
    border: none;
}

img {
    border: 0;
}

input[type="text"],
input[type="password"],
input[type="button"],
textarea {
    outline: none;
    -webkit-appearance: none;
}

select {
    outline: none;
}

*::-webkit-input-placeholder {
    color: #aab2bd;
}

*:-moz-placeholder {
    color: #aab2bd;
}

*:-ms-input-placeholder {
    /* IE10+ */
    color: #aab2bd;
}

.dis_b {
    display: block;
}

.dis_n {
    display: none;
}

.cls {
    clear: both;
}

.bg_e {
    background: #eee;
}

.bg_g {
    background: #73e0d8;
}

.bg_g2 {
    background: #daf7f5;
}

.clr_qian {
    color: #c7dfde;
}

.prod_ul li.lipanleft {
    padding: 3vw;
    width: 43.75vw;
    border-right: 1px solid #dedede;
    border-top: 1px solid #dedede;
}

.prod_ul li.lipanright {
    padding: 3vw;
    width: 43.75vw;
    border-right: 0;
    border-top: 1px solid #dedede;
}

.clr_3 {
    color: #282828;
}

.clr_f {
    color: #fff;
}

.clr_r {
    color: #fe3738;
}

.clr_ora {
    color: #ea9a00;
}

.clr_g {
    color: #6ddfd6;
}

.clr_9 {
    color: #7b7b7b;
}

.clr_h {
    color: #482917;
}

.clr_b {
    color: #259ee7;
}

.clr_blue {
    color: #4a97d3;
}

.f_14 {
    font-size: 14px;
}

.f_16 {
    font-size: 16px;
}

.f_18 {
    font-size: 18px;
}

.f_20 {
    font-size: 20px;
}

.f_22 {
    font-size: 22px;
}

.f_24 {
    font-size: 24px;
}

.f_26 {
    font-size: 26px;
}

.f_28 {
    font-size: 28px;
}

.f_30 {
    font-size: 30px;
}

.f_32 {
    font-size: 32px;
}

.f_34 {
    font-size: 34px;
}

.f_36 {
    font-size: 36px;
}

.f_38 {
    font-size: 38px;
}

.f_40 {
    font-size: 40px;
}

.f_42 {
    font-size: 42px;
}

.f_44 {
    font-size: 44px;
}

.f_48 {
    font-size: 48px;
}

.f_56 {
    font-size: 56px;
}

.pos_rela {
    position: relative;
}

.ver_mid {
    vertical-align: middle;
}

.ver_top {
    vertical-align: top;
}

.f_wei {
    font-weight: bold;
}

.f_norm {
    font-weight: normal;
}

.clr_6 {
    color: #282828;
}

.al_lt {
    text-align: left;
}

.al_ct {
    text-align: center;
}

.al_rt {
    text-align: right;
}

.dis_f {
    display: box;
    /* OLD - Android 4.4- */
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    /* 09版 */
    -webkit-box-orient: horizontal;
    /* 12版 */
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
}

.jus_bt {
    /* 09版 */
    -webkit-box-pack: space-between;
    /* 12版 */
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
}

.jus_ct {
    /* 09版 */
    -webkit-box-pack: center;
    /* 12版 */
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    /* 其它取值如下：
        align-items     主轴原点方向对齐
        flex-end        主轴延伸方向对齐
        space-between   等间距排列，首尾不留白
        space-around    等间距排列，首尾留白
     */
}

.jus_rt {
    /* 09版 */
    -webkit-box-pack: flex-end;
    /* 12版 */
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
}

.ali_ct {
    /* 09版 */
    -webkit-box-align: center;
    /* 12版 */
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
}

.ali_end {
    /* 09版 */
    -webkit-box-align: flex-end;
    /* 12版 */
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -o-align-items: flex-end;
    align-items: flex-end;
}

.ali_top {
    /* 09版 */
    -webkit-box-align: flex-start;
    /* 12版 */
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    align-items: flex-start;
}

.flex_w {
    /* 09版 */
    /*-webkit-box-lines: multiple;*/
    /* 12版 */
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex_col {
    /* 09版 */
    -webkit-box-orient: vertical;
    /* 12版 */
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
}

.w_100 {
    width: 100%;
}

.pad_5 {
    padding: 5px;
}

.pad_10 {
    padding: 10px;
}

.pad_20 {
    padding: 20px;
}

.pad_30 {
    padding: 30px;
}

.padt_10 {
    padding: 10px 0px;
}

.padl_10 {
    padding: 0px 10px;
}

.padt_20 {
    padding: 20px 0px;
}

.padl_20 {
    padding: 0px 20px;
}

.padt_30 {
    padding: 30px 0px;
}

.padl_30 {
    padding: 0px 30px;
}

.pad_2030 {
    padding: 20px 30px;
}

.pad_3020 {
    padding: 30px 20px;
}

.bordertop1 {
    border-top: 1px solid #e5e5e5;
}

.borderbot1 {
    border-bottom: 1px solid #e5e5e5;
}

.borderbot1blue {
    border-bottom: 1px solid #4a97d3;
}

.mt_80 {
    margin-top: 80px;
}

.mt_60 {
    margin-top: 60px;
}

.mt_50 {
    margin-top: 50px;
}

.mt_40 {
    margin-top: 40px;
}

.mt_30 {
    margin-top: 30px;
}

.mt_20 {
    margin-top: 20px;
}

.mt_15 {
    margin-top: 15px;
}

.mt_10 {
    margin-top: 10px;
}

.mt_5 {
    margin-top: 5px;
}

.line_thr {
    text-decoration: line-through;
}

.overh {
    overflow: hidden;
}

.cir_5 {
    -moz-border-radius: 5px;
    /* Gecko browsers */
    -webkit-border-radius: 5px;
    /* Webkit browsers */
    border-radius: 5px;
    /* W3C syntax */
}

.zm1 {
    zoom: 1;
    overflow: hidden;
}

.bg_f {
    background: #FFF;
}

.wraper {
    max-width: 640px;
    width: 100%;
}

.tiao_bg {
    background: url(../images/tiao.png);
}

.tiao_bg50 {
    background: url(../images/tiao50.png);
}

.top {
    background: url(../images/top.png) no-repeat;
    width: 16rem;
    height: 2.7rem;
    background-size: 100%;
}

.top_pad {
    padding: 0.5rem 0.2rem 0 0.2rem;
}

.face_img {
    width: 1.95rem;
    height: 2.425rem;
}

.msg1 {
    width: 6rem;
    height: 2rem;
    background: url(../images/msg1.png);
    background-size: 100% 100%;
}

.msg2 {
    width: 6.1rem;
    height: 3.5rem;
    background: url(../images/msg2.png);
    background-size: 100% 100%;
}

.opa8 {
    opacity: 0.8;
}

.opa5 {
    opacity: 0.5;
}

.yuyin {
    position: fixed;
    bottom: 0;
    width: 16rem;
}

.yuyin_img {
    width: 1.4rem;
    height: 1.4rem;
}

.ipt_msg {
    border: 0.1rem solid #fff;
    border-radius: 0.3rem;
    background: none;
    padding: 0.3rem;
    width: 10rem;
}

.bg1 {
    background: #e2f8fb;
}

.bg1shen {
    background: #b4dfe6;
}

.f_light {
    font-weight: lighter;
}

.tuji_ul li {
    width: 3.9rem;
    height: 3.9rem;
    border: 1px solid #FFF;
    background: #a7ebe8;
}

.tuji_ul li img {
    width: 3.9rem;
    height: 3.9rem;
}

.fixed_nav {
    background: #6ddfd6;
    position: fixed;
    bottom: 0;
    width: 16rem;
    border-top: 2px solid #00c1b3;
}

.fixed_nav_ul li {
    width: 25%;
    text-align: center;
    padding: 0.5rem 0 0.5rem 0.4rem;
    border-right: 1px solid #00b7a9;
}

.fixed_nav_ul li img {
    width: 1.4rem;
    height: 1.4rem;
}

.nav_cur {
    background: #00b7a9;
}

.avatar_img {
    width: 3.2rem;
    height: 3.2rem;
    border: 2px solid #fff;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    box-shadow: 0.08rem 0.08rem 0 #aaa;
}

.biaoqing_ul li img {
    width: 2.5rem;
    height: 2.5rem;
}

.bordertop2 {
    border-top: 2px solid #0bbaad;
}

.tongquan_bann {
    height: 255px;
    margin-top: -20px;
    z-index: 99;
}

.tongquan_bann>.bd ul li {
    width: 100%;
    height: 13.875rem;
}

.tongquan_bann>.bd img {
    height: 13.875rem;
    width: 100%;
}

.tongquan_bann>.hd {
    position: absolute;
    left: 0;
    bottom: 0.25rem;
    width: 2rem;
    z-index: 99;
    width: 100%;
    height: 0.5rem;
}

.tongquan_bann>.hd>ul {
    width: 2rem;
    margin: 0 auto;
    height: 0.5rem;
}

.tongquan_bann>.hd li {
    background: #fff;
    float: left;
    width: 0.4rem;
    font-size: 0;
    margin-left: 0.25rem;
    height: 0.4rem;
    border-radius: 0.2rem;
}

.tongquan_bann>.hd li.on {
    background: #F6D46F;
}

.rad4 {
    border-radius: 0.4rem;
}

.date_img {
    width: 11.9rem;
    margin: 0 auto;
}

.text1 {
    background: url(../images/shiyou.png) no-repeat center;
    background-size: 30%;
    border: 0;
    width: 100%;
    height: 3rem;
}

.btn1 {
    background: #85DA46;
    border-radius: 0.4rem;
    border: 0;
    width: 100%;
    border: 2px solid #04BB01;
}

.btn2 {
    background: #56ABE4;
    border-radius: 0.4rem;
    border: 0;
    width: 100%;
    padding: 0.5rem 0;
}

.dot_img {
    width: 0.2rem;
    height: 0.2rem;
}

.text2 {
    background: url(../images/dksj.png) no-repeat center;
    background-size: 70%;
    width: 100%;
    height: 5rem;
    border: 0;
}

.shadow {
    box-shadow: 0.08rem 0.08rem 0 #aaa;
}

.ipt1b {
    border-bottom: 2px solid #e5e2e2;
}

.ipt1 {
    border: 0;
}

.box2 {
    background: #e6e6e6;
    border: 2px solid #ccc6c6;
    border-radius: 0.4rem;
}

.f_yahei {
    font-family: MicroSofy YaHei;
}

.fabu {
    background: url(../images/bj.jpg) no-repeat;
    background-size: 100%;
    position: fixed;
    bottom: 0;
    width: 16rem;
}

.fabu_ul li {
    height: 2.2rem;
    border-bottom: 2px solid #5bd4cb;
    line-height: 2.2rem;
}

.bordertop1g {
    border-top: 1px solid #afe9e4;
}

.borderbot1g {
    border-bottom: 1px solid #afe9e4;
}

.bordertop2g {
    border-top: 2px solid #afe9e4;
}

.borderbot2g {
    border-bottom: 2px solid #afe9e4;
}

.box_ul {
    background: #6ddfd6;
    height: 1.8rem;
    line-height: 1.8rem;
    border-radius: 0.4rem;
}

.box_ul li {
    width: 50%;
    text-align: center;
}

.box_cur {
    background: #00b7a9;
    border-radius: 0.4rem;
}

.ipt2 {
    border: 0;
    width: 7rem;
    padding: 0.3rem;
    border-radius: 0.2rem;
    box-shadow: 0.1rem 0.1rem 0.1rem #ccc inset;
}

.reg_bg {
    background: url(../images/bj2.png) no-repeat center;
    background-size: 100%;
}

.reg_tbl td {
    padding: 0.5rem;
    border-bottom: 1px solid #b1e9e4;
}

.jk_ul {
    border-radius: 0.5rem;
    margin-top: -0.5rem;
}

.jk_ul li {
    width: 48%;
    text-align: center;
}

.yuand_ul li {
    width: 33%;
    margin: 1rem 0 0 0;
}

.yuand_ul li img {
    width: 2.5rem;
    height: 2.5rem;
}

.wode img {
    width: 2.1rem;
    height: 2.1rem;
}

.tips_ball {
    background: #fc2123;
    padding: 0.1rem 0.3rem;
    border-radius: 0.5rem;
}

.f_80 {
    font-size: 2rem;
}

.xiangce img {
    margin-left: 0.5rem;
}

.banji {
    position: absolute;
    bottom: 0.75rem;
    left: 0.75rem;
}

.kuang1 {
    width: 8rem;
    height: 8rem;
}

.tong_ul li {
    width: 3.5rem;
    height: 3.5rem;
    margin: 0.2rem 0.2rem 0 0;
    background: #bbe2e8;
    box-shadow: 0.1rem 0.1rem 0.1rem #aaa;
}

.tong_ul li div {
    width: 3.5rem;
    height: 3.5rem;
}

.pinglun {
    background: #dbeaf6;
    padding: 0.2rem;
    margin-bottom: 0.1rem;
}

.huifu {
    background: #dbf0f3;
    padding: 0.3rem;
}

.up_img {
    width: 0.6rem;
    height: 0.6rem;
    position: absolute;
    top: -0.6rem;
    left: 0.8rem;
}

.play_box {
    height: 7rem;
    background: #dbf0f3;
}

#msgtitle {
    border: none;
    margin-left: 46px;
    border-bottom: solid 1px #f1f1f1;
    margin-top: 46px;
    padding-bottom: 10px;
    margin-bottom: 46px;
}

#priviteBtn {
    border-radius: 10px;
}

#msgcontent {
    padding-left: 20px;
}

.feedback {
    border-bottom: solid 1px #f1f1f1;
}

.btnSend {
    margin: 1.5rem
}

#send .mui-title {
    color: #fff;
    font-size: 18px;
}

#send .sendtype {
    margin: 0 auto;
    margin-top: 0.2rem;
}

#send .sendtype>ul>li {
    line-height: 30px;
    border-bottom: solid 1px #ccc;
    position: relative;
    font-size: 14px;
    margin-bottom: 0.2rem;
}

#send .sendtype>ul>li>img {
    width: 0.3rem;
    margin-right: 0.3rem;
    margin-top: 0.1rem;
}

#send .sendBox {
    background: #fff;
    border: solid 1px #ccc;
    width: 100%;
    font-size: 14px;
    padding: 0px 0;
    display: none;
    border-top: none;
    position: absolute;
    top: 0.65rem;
    padding-left: 0.6rem;
}

#send #sendMsgBtn {
    color: #fff;
    font-size: 16px;
    line-height: 44px;
    background: none;
}

#send #msgcontent {
    width: 100%;
    height: 2rem;
    margin-top: 0.2rem;
    border: 0;
    font-size: 16px
}

#send .mui-navigate-right:after,
.mui-push-right:after {
    right: 0;
}

#send .ui-icon-arrowleft {
    margin-top: 0!important;
}

#send #sendbtn .see {
    width: 95%;
    font-size: 16px;
}

#send #senda {
    float: right;
    color: #ccc;
}

#send input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #aab2bd;
    font-size: 16px;
}

#send input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #aab2bd;
    font-size: 16px;
}

#send input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #aab2bd;
    font-size: 16px;
}

#send input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #aab2bd;
    font-size: 16px;
}

#send #msgvideo {
    width: 200px;
    height: 200px;
    object-fit: fill;
    display: none;
}

#send #output {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 0px;
    top: 0px;
}

#send #output img {
    ;
    left: 0;
    top: 0;
    width: 200px;
    height: 200px;
}

#send .feedback {
    margin-left: 20px;
    position: relative;
    min-height: 160px;
}

#send .feedback .title {
    font-size: 16px;
}

#send .feedback .image-list {
    padding-left: 0;
}

#send .sendtype .mui-radio span {
    display: block;
    color: #7b7b7b;
}

#send .sendtype .mui-card {
    box-shadow: none;
}

#send .sendtype .mui-card img {
    width: 0.4rem;
    margin-top: 15px;
    float: left;
    margin-left: 0.2rem;
}

#send .mui-radio label,
.mui-checkbox label {
    width: 75%;
}

#send .mui-input-group .mui-input-row:after {
    display: none;
}

#send .sendtype .mui-radio input[type='radio'],
.mui-checkbox input[type='checkbox'] {
    top: 20px;
    right: 0;
}

#send .sendtype .mui-input-group .mui-input-row {
    margin-bottom: 15px;
}

#send .mui-radio input[type='radio']:checked:before {
    content: '\e442';
    color: #58ade6;
}

#send .title {
    padding-left: 0.5rem;
    padding-top: 0.3rem;
}

#send .mui-radio input[type='radio']:before,
.mui-checkbox input[type='checkbox']:before {
    font-size: 20px;
}

.feedback body {
    background-color: #EFEFF4;
}

.feedback input,
.feedback textarea {
    border: none !important;
}

.feedback textarea {
    height: 100px;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.feedback .row {
    width: 100%;
    background-color: #fff;
}

.feedback p {
    padding: 30px 30px 0;
    color: #7b7b7b;
    font-size: 16px;
}


/*.feedback button#submit { 
	width: 90%;
	height: 46px;
	left: 50%;
	-webkit-transform: translate(-50%);
}*/

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    font-size: 16px;
}

.feedback .hidden {
    display: none;
}

.feedback .image-list {
    width: 100%;
    background-size: cover;
    padding: 10px 30px;
    overflow: hidden;
}

.feedback .image-item {
    width: 90px;
    height: 90px;
    background: url(../images/addA.png);
    background-size: 100% 100%;
    display: inline-block;
    position: relative;
    border-radius: 5px;
    margin-right: 10px;
    margin-bottom: 10px;
    border: solid 1px #e8e8e8;
    vertical-align: top;
}

.feedback .image-item .file {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 0;
}

.feedback .image-item.space {
    border: none;
}

.feedback .image-item .image-close {
    position: absolute;
    display: inline-block;
    right: -6px;
    top: -6px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: 12px;
    background-color: #FF5053;
    color: #7b7b7b;
    border: solid 1px #FF5053;
    font-size: 9px;
    font-weight: 200;
    z-index: 1;
}

.feedback .image-item .image-up {
    height: 149px;
    width: 143px;
    display: inline-block;
    text-align: center;
}

.feedback .image-item.space .image-close {
    display: none;
}

.feedback .mui-inline {
    vertical-align: bottom;
    font-size: 14px;
    color: #7b7b7b;
}

.mui-icon-star {
    color: #7b7b7b;
    font-size: 22px;
}

.mui-icon-star-filled {
    color: #FFB400;
    font-size: 22px;
}

.mui-popover {
    height: 180px;
}

.stream {
    display: none;
}

.mui-plus-stream .stream {
    display: block;
}

#release button {
    background: none;
    position: absolute;
    top: 0.3rem;
    right: 0.72rem;
    font-size: 0.36rem;
    color: #FFFFFF;
}

.release-main {
    font-size: 0.24rem;
}

.release-main-textarea-k {
    position: relative;
}

.release-main-textarea {
    width: 88%;
    padding: 0.45rem 6%;
    resize: none;
    border: none;
    height: 3.3rem;
    color: #282828;
    display: block;
    font-size: 0.24rem;
}

.release-main-textarea-k .posia {
    bottom: 0.16rem;
    right: 0.5rem;
    color: #7b7b7b;
    font-size: 0.24rem;
}

.release-main-textarea::-webkit-input-placeholder {
    color: #aab2bd;
}

.release-main-textarea:-moz-placeholder {
    /* Firefox 18- */
    color: #aab2bd;
}

.release-main-textarea::-moz-placeholder {
    /* Firefox 19+ */
    color: #aab2bd;
}

.release-main-textarea:-ms-input-placeholder {
    color: #aab2bd;
}

.release-main-addpic {
    padding: 0.28rem 6% 0.1rem;
    /*height: 2rem;*/
    background: #FFFFFF;
    border-top: 1px solid #f7f7f7;
    font-size: 0.2rem;
}

.release-main-addpic .text {
    color: #7b7b7b;
}

.release-shield {
    height: 0.6rem;
    line-height: 0.6rem;
    background: #FFFFFF;
    font-size: 0.28rem;
    color: #7b7b7b;
    position: relative;
}

.release-shield img {
    margin-left: 0.5rem;
    margin-top: 0.15rem;
    width: 0.36rem;
    height: 0.29rem;
    display: initial;
}

.release-shield img.release-shield-arrow {
    width: 0.26rem;
    height: 0.12rem;
    margin-top: 0;
}

.release-shield span {
    margin-left: 0.28rem;
    line-height: 0.66rem;
}

.release-shield-arrow {
    width: 0.25rem;
    height: 0.13rem;
    position: absolute;
    right: 0.7rem;
    top: 0.25rem;
}


/*新消息提示*/

.myself input[type='text'] {
    margin: 0!important;
}

.myself #inputBox {
    position: fixed;
    bottom: 0;
    z-index: 999;
    display: none;
    border: solid 1px #d8d8d8;
    background: #f4f4f4;
    padding-left: 10px;
    padding-bottom: 10px;
    width: 100%;
}

.myself #inputa {
    width: 80%;
    border: none;
    border-bottom: solid 1px #799363;
    background: none;
}

.myself #sendBtn {
    float: right;
    margin-right: 5px;
    margin-top: 10px;
    background: #07a707;
    border: solid 1px #dadada;
    color: #fff;
}

.myself .fabulous .heart {
    font-size: 18px!important;
    color: #989898;
    font-weight: bold;
}

.myself .fabulous .heartred {
    font-size: 18px!important;
    color: #FF0000;
    font-weight: bold;
}

.myself .fabulous .comment {
    font-size: 20px;
    color: #989898;
    font-weight: bold;
    margin-top: -0.1rem;
}

.myself .fabulous .collection {
    font-size: 20px;
    color: #989898;
}

.myself .text .content {
    color: #333!important;
}

.myself .sendmsg {
    color: #fff;
    position: relative;
}

.myself .blackbg {
    background: #000;
    position: absolute;
    width: 4rem;
    height: 5rem;
    top: 0.5rem;
    left: 0;
}

.myself #videoBox {
    position: relative;
}

.myself .operate .mui-icon {
    margin-left: 0.2rem;
}

.myself .trash {
    margin-left: 0.1rem;
}

.myself .playbtn img {
    position: absolute;
    width: 1rem;
    left: 1.5rem;
    top: 50%;
    margin-top: -0.5rem;
}

.myself #children {
    overflow-y: hidden!important;
}

.myself .person-comment li {
    line-height: 23px!important;
}

.myself .person-comment .allcontent {
    color: #282828!important;
    width: 4.5rem;
}

.myself .pinglun {
    background: #f6f6f6;
    margin-top: 0.1rem;
    font-size: 14px;
    padding: 0.1rem 0.2rem;
}

.myself .pinglun .dianzan .xintu {
    width: 15px;
    margin-top: 0.03rem;
    margin-right: 0.13rem;
}

.myself .pinglun .dianzan .zannameBox {
    font-size: 14px;
    width: 100%;
    color: #576b95;
}

.myself .pinglun .dianzan .zannameBox span {
    display: inline!important;
}

.myself .pinglunCo {
    line-height: initial;
}

.myself .pinglun .pinglunCo .pinglunname {
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left;
    color: #576b95;
}

.myself .pinglun .pinglunCo .pinglunCoten {
    display: inline-block;
    width: 180px;
    float: left;
}

.myself .pinglunBoxb {
    padding: 0;
    line-height: 20px;
}

.myself .delComment {
    position: absolute;
    color: #576b95;
    right: 0;
    font-size: 12px;
    margin-right: 10px;
}


/*成长日记*/

.diary-add {
    position: absolute;
    width: 0.39rem;
    height: 0.39rem;
    top: 0.3rem;
    right: 0.22rem;
}

.diary-wrap {
    width: 6.78rem;
    margin: 0 auto;
}

.diary-top {
    width: 100%;
    height: 1.9rem;
    background: #25aae3;
}

.diary-top-white {
    height: 1.9rem;
    bottom: -0.7rem;
    background: #FFFFFF;
    left: 0;
    right: 0;
    border-radius: 0.08rem;
    text-align: center;
    box-shadow: 0rem 0rem 0.5rem 0rem #d5d5d5;
    font-size: 0.28rem;
    color: #282828;
}

.diary-top-portrait {
    width: 1.19rem;
    height: 1.19rem;
    border-radius: 100%;
    border: 0.05rem solid #e9e9e9;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -0.7rem;
    position: absolute;
}

.diary-top-name {
    margin-top: 0.56rem;
    text-align: center;
    font-size: 0.29rem;
    font-weight: bold;
}

.diary-top-list {
    margin-top: 0.14rem;
}

.diary-top-list ul {}

.diary-top-list ul li {}

.diary-top-list ul li {
    float: left;
    width: 33.33%;
}

.diary-nav {
    height: 0.43rem;
    line-height: 0.43rem;
    box-shadow: 0rem 0rem 0.5rem 0rem #d5d5d5;
    margin-top: 1rem;
    font-size: 0.24rem;
}

.diary-nav ul {}

.diary-nav ul li {
    width: 25%;
    float: left;
}

.diary-nav ul li.current {
    height: 0.43rem;
    line-height: 0.43rem;
    background: #47b5e4 url(../images/sanjiao.png) no-repeat center bottom;
    background-size: 0.17rem 0.09rem;
    color: #FFFFFF;
}

.diary-nav ul li.current a {
    color: #FFFFFF;
}

.diary-nav ul li .diary-nav-pic {
    width: 0.21rem;
    height: 0.21rem;
    float: left;
    margin-left: 0.45rem;
    margin-top: 0.1rem;
    margin-right: 0.22rem;
}


/*成长日记-全部*/

.diary-info-list {
    font-size: 0.24rem;
    color: #282828;
    margin-top: 0.5rem;
}

.diary-info-list ul.diary-wrap-ul {
    display: none;
}

.diary-info-list ul.diary-wrap-ul:first-child {
    display: block;
}

.diary-info-list .title {
    float: left;
    font-size: 0.36rem;
}

.diary-info-list-img {
    width: 1.2rem;
    float: left;
    margin-left: 0.48rem;
}

.diary-info-list-img li {
    margin-bottom: 0.08rem;
    height: 1.22rem;
}

.diary-info-list-img img {
    width: 0.57rem;
    height: 0.59rem;
    float: left;
    margin-right: 1px;
    margin-bottom: 1px;
}

.diary-info-list .text {
    margin-left: 0.05rem;
    float: left;
    width: 70%;
}

.diary-main {
    margin-bottom: 0.3rem;
}

.diary-main-r {
    position: relative;
    width: 100%;
}

.diary-info-list .number {
    position: absolute;
    bottom: 0.05rem;
    left: 1.7rem;
    font-size: 0.2rem;
    color: #7b7b7b;
}

.diary-main-text .fl {
    width: 77%;
    margin-left: 0.48rem;
    background: #e7e7e7;
    padding: 0.1rem;
}


/*成长日记-文章*/

.diary-main.diary-article {}

.diary-main.diary-article .diary-main-r {
    width: 77%;
    margin-left: 0.48rem;
    background: #e7e7e7;
    padding: 0.1rem;
}

.diary-main.diary-article .diary-main-r img {
    width: 0.56rem;
    height: 0.56rem;
    float: left;
    margin-right: 0.2rem;
    margin-top: 0.05rem;
}

.diary-main.diary-article .diary-main-r .diary-text {
    max-width: 85%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.diary-main.diary-article .title {
    margin-top: 0.1rem;
}

.diary-main.diary-article .title span {
    font-size: 0.24rem;
}


/*成长日记-视频*/

.diary-video {
    font-size: 0.24rem;
    color: #282828;
}

.diary-main.diary-article.diary-video .diary-main-r {
    background: none;
}

.diary-main.diary-article.diary-video .diary-main-r video {
    width: 3rem;
    background: red;
    margin-top: 0.15rem;
}


/*众分享*/

.share-main-wrap {
    width: 6.2rem;
    margin: 0 auto;
}

.share-main {
    width: 100%;
    height: 100%;
    background: #e8372d url(../images/share-bcr_01.png) no-repeat left top;
    background-size: 100% 6.15rem;
    position: relative;
    padding-top: 3rem;
}

.share-arrow {
    top: 0.65rem;
    left: 0.35rem;
    width: 0.56rem;
    height: 0.56rem;
    background: url(../images/share-arrow.png) no-repeat left top;
    background-size: 0.56rem 0.56rem;
}

.share-arrow img {
    width: 100%;
    height: 100%;
}

.share-main-words {}

.share-main-words .share-main-words-p1 {
    position: absolute;
    width: 3.64rem;
    font-size: 0.28rem;
    color: #FFFFFF;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 1.81rem;
    letter-spacing: 0.5px;
    /*text-align: center;	*/
}

.share-main-words .share-main-words-p2 {
    position: absolute;
    width: 5.64rem;
    font-size: 0.24rem;
    color: #FFFFFF;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 2.48rem;
    text-align: center;
}

.share-main-words .share-main-words-p2 span {
    color: #fff45c;
    margin: 0 0.2rem;
}

.share-main-list {
    font-size: 0.2rem;
    padding-bottom: 0.3rem;
}

.share-main-list ul li {
    height: 1.14rem;
    background: #ededed;
    border-radius: 0.1rem;
    padding: 0.2rem;
    margin-bottom: 0.2rem;
    position: relative;
}

.share-main-list ul li:last-child {
    margin-bottom: 0;
}

.share-main-list ul li img {
    width: 1.14rem;
    height: 1.13rem;
}

.share-main-list-r {
    margin-left: 0.12rem;
    width: 50%;
}

.share-main-list-r .title {
    margin-top: 0.16rem;
    font-size: 0.24rem;
    font-weight: bold;
}

.share-main-list-r .text {
    font-size: 0.2rem;
}

.share-main-list ul li .num {
    font-size: 0.93rem;
    position: absolute;
    top: 0.24rem;
    right: 0.58rem;
}

.share-main-list ul li .num span {
    font-size: 0.24rem;
}


/*我的收藏*/

#collection .mui-table-view {
    margin-top: 44px
}

#collection .mui-table-view .mui-media-object {
    width: 2.8rem!important;
    height: 2.8rem!important;
}

.mui-bar {
    height: 41px!important;
    background-color: #fff;
    border-bottom: solid 1px #dfdfdf
}

.mui-icon-arrowleft {
    color: #fff!important;
    margin-top: -5px;
}

.mui-bar-nav {
    -webkit-box-shadow: 0 0px 0px #ccc!important;
    box-shadow: 0 0px 0px #ccc!important;
}

.top-blue-search-r::-webkit-input-placeholder {
    color: #aab2bd;
    font-size: 14px;
}


/*充值*/

.paySize {
    font-size: 0.3rem;
    padding-left: 0.2rem;
    display: inline-block;
    color: #282828;
}

.chargeHead {
    width: 1rem;
    height: 1rem;
    float: left;
    background-repeat: no-repeat!important;
    background-size: cover!important;
    background-position: 50%!important;
    margin-right: 0.1rem;
}

.chargePay {
    background: #fff;
    height: 44px;
    position: absolute;
    width: 100%;
    bottom: 0;
    box-shadow: 0 -5px 50px #ccc;
}

.chargePay p {
    float: left;
    font-size: 0.26rem;
    padding-left: 10px;
    padding-top: 0.2rem;
}

.payMoney {
    color: #ff0000;
    font-size: 0.5rem;
}

.saveMoney {
    font-size: 0.25rem;
    padding-left: 0.2rem;
}

.chargePay button {
    border: none;
    float: right;
    width: 30%;
    background: #ff6600;
    height: 44px;
    border-radius: 0;
}

.payList {
    background: #FFF!important;
    padding: 0px 10px!important;
    padding-top: 10px!important;
}

.payList .mui-table-view-cell {
    border: solid 1px #ccc!important;
    border-radius: 50px;
    margin-top: 0
}

.mui-segmented-control {
    border: none!important;
}

.mui-segmented-control .mui-control-item.mui-active {
    background-color: none border: solid 1px #ff7615!important;
    color: #282828!important;
    border-left: none;
}

.payListA {
    margin: 0!important;
    float: right;
}

.chargeHeaderOne {
    border-bottom: solid 1px #ccc;
}

.weChatPay {
    position: relative;
    width: 100%;
    font-size: 20px!important;
}

.zhifubaoPay {
    position: relative;
    width: 100%;
    font-size: 20px!important;
}

.payLabel {
    position: relative;
    display: block!important;
    width: auto!important;
    text-align: left!important;
    border: none!important;
    float: left;
    width: 48%!important;
    padding: 0.3rem;
    padding-right: 0;
    padding-top: 0;
}

.payLabel img {
    float: left;
    width: 0.8rem;
}

.border-left {
    border-left: solid 1px #bfbfbf!important;
    margin: 0 0 0 0.15rem;
    padding-left: 0.1rem;
    height: 70px;
    position: absolute;
    left: 48%;
}

.payWay {
    border-radius: 50%;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 0.34rem;
    right: 0;
    background: #bfbfbf;
}

#segmentedControl {
    background: #fff;
    padding-top: 10px;
    padding: 0.5rem 0.3rem;
}

#segmentedControl a {
    margin: 0 auto;
    border: solid 1px #23aae2;
    margin-bottom: 10px;
    color: #282828;
    width: 48%;
    display: inline-block;
}

.payTitle {
    color: #282828;
}

.payUl {
    background: #fff!important;
}

.payUl:before {
    display: none;
}

.payUl:after {
    display: none;
}

.payUl:before {
    top: 0!important;
}

.payUl .mui-control-item.mui-active {
    background: none!important;
    border: none!important;
    color: #282828!important;
}

.payUl .mui-control-item.mui-active .payWay {
    background: #ff6666;
}

.payUl .mui-control-item.mui-active .mui-icon-extra-alipay:before {}

.payUl .mui-control-item.mui-active .mui-icon-weixin:before {}

.payUl .mui-table-view-cell {
    padding: 0;
}

.before {
    display: block;
    font-size: 0.2rem;
}


/*修改信息 */

.babyInfo .mui-views,
.babyInfo .mui-view,
.babyInfo .mui-pages,
.babyInfo .mui-page,
.babyInfo .mui-page-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #efeff4;
}

.babyInfo .mui-pages {
    top: 46px;
    height: auto;
}

.babyInfo .mui-scroll-wrapper,
.babyInfo .mui-scroll {
    background-color: #efeff4;
}

.babyInfo .mui-page.mui-transitioning {
    -webkit-transition: -webkit-transform 300ms ease;
    transition: transform 300ms ease;
}

.babyInfo .mui-page-left {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.babyInfo .mui-ios .mui-page-left {
    -webkit-transform: translate3d(-20%, 0, 0);
    transform: translate3d(-20%, 0, 0);
}

.babyInfo .mui-navbar {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 10;
    height: 44px;
    background-color: #f7f7f8;
}

.babyInfo .mui-navbar .mui-bar {
    position: absolute;
    background: transparent;
    text-align: center;
}

.babyInfo .mui-android .mui-navbar-inner.mui-navbar-left {
    opacity: 0;
}

.babyInfo .mui-ios .mui-navbar-left .mui-left,
.babyInfo .mui-ios .mui-navbar-left .mui-center,
.babyInfo .mui-ios .mui-navbar-left .mui-right {
    opacity: 0;
}

.babyInfo .mui-navbar .mui-btn-nav {
    -webkit-transition: none;
    transition: none;
    -webkit-transition-duration: .0s;
    transition-duration: .0s;
}

.babyInfo .mui-navbar .mui-bar .mui-title {
    display: inline-block;
    width: auto;
}

.babyInfo .mui-page-shadow {
    position: absolute;
    right: 100%;
    top: 0;
    width: 16px;
    height: 100%;
    z-index: -1;
    content: '';
}

.babyInfo .mui-page-shadow {
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .01) 50%, rgba(0, 0, 0, .2) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .01) 50%, rgba(0, 0, 0, .2) 100%);
}

.babyInfo .mui-navbar-inner.mui-transitioning,
.babyInfo .mui-navbar-inner .mui-transitioning {
    -webkit-transition: opacity 300ms ease, -webkit-transform 300ms ease;
    transition: opacity 300ms ease, transform 300ms ease;
}

.babyInfo .mui-page {
    display: none;
}

.babyInfo .mui-pages .mui-page {
    display: block;
}

.babyInfo .mui-page .mui-table-view:first-child {
    margin-top: 15px;
}

.babyInfo .mui-page .mui-table-view:last-child {
    margin-bottom: 30px;
}

.babyInfo .mui-table-view {
    margin-top: 20px;
}

.babyInfo .mui-table-view span.mui-pull-right {
    color: #7b7b7b;
}

.babyInfo .mui-table-view-divider {
    background-color: #efeff4;
    font-size: 14px;
}

.babyInfo .mui-table-view-divider:before,
.babyInfo .mui-table-view-divider:after {
    height: 0;
}

.babyInfo .head {
    height: 40px;
}

.babyInfo #head {
    line-height: 40px;
}

.babyInfo .head-img {
    width: 40px;
    height: 40px;
}

.babyInfo #head-img1 {
    position: absolute;
    bottom: 10px;
    right: 40px;
    width: 40px;
    height: 40px;
}

.babyInfo .update {
    font-style: normal;
    color: #7b7b7b;
    margin-right: -25px;
    font-size: 15px
}

.babyInfo .update1 {
    font-style: normal;
    color: #7b7b7b;
    font-size: 15px
}

#reviseContent {}

#reviseContent #name {}

#reviseContent #inputName {
    background: none;
    border: none;
    border-bottom: solid 1px #ccc;
    display: inline;
    padding: 0!important;
    margin: 0!important;
    height: auto;
    margin-left: 5px!important;
}

#reviseContent .mui-table-view-chevron .mui-table-view-cell>a:not(.mui-btn) {}

@font-face {
    font-family: PingFang;
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/dongqing4.ttf') format('truetype');
}

.noOverflow {
    overflow: initial!important;
}


/* other */

.blueBackground {
    background: #25aae3!important
}

#me .blueBackground {
    background: #34b0e5!important;
}

.top-blue-searchOther {
    width: 80%;
    margin: 0 auto!important;
}

.backgroundNone {
    background: none!important;
}

.imgWidth {
    max-width: 70%;
    max-height: 200px
}

.videoWidth {
    max-height: 7rem;
}

[v-cloak] {
    display: none;
}

#search .set_image_all {
    cursor: pointer;
    position: relative;
}

#search .set_image_all .set_image_item {
    position: relative;
    display: inline-block;
    z-index: 11;
    visibility: visible;
}

#search .set_image_all .set_image_top {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

#search .set_image_all .set_image_top>div {
    display: inline-block;
    overflow: hidden;
}

#search .set_image_all .set_image_top>div>img {
    height: 100%;
}

#search .grade {
    vertical-align: top;
}

#search .search-btn {
    color: #fff;
}

#search .blueBackground {
    z-index: 9999;
}

.mui-table-view .mui-media,
.mui-table-view .mui-media-body {
    overflow: initial!important;
}

input::-webkit-input-placeholder {
    color: #aab2bd;
    line-height: 25px;
}

.servicesHeader {
    position: fixed;
    top: 0;
}

.bg.mui-media-object {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    height: 1.7rem;
}

a {
    display: block;
    color: #282828;
}

table,
tr,
td {
    vertical-align: middle!important;
}

.mask-gray {
    display: -webkit-box;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: rgba(0, 0, 0, 0.53);
}


/**/

.main {
    width: 6.84rem;
    margin: 0 auto;
}

.db {
    display: block;
}

.dn {
    display: none;
}

.z {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.posir {
    position: relative;
}

.posia {
    position: absolute;
}

.posif {
    position: fixed;
}

.text-cen {
    text-align: center;
}

.overhide {
    overflow: hidden;
}

ul:after,
.clearfix:after {
    content: ".";
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
}

input {
    outline: none;
}

textarea {
    word-break: break-all;
    word-wrap: break-word;
    outline: none;
}

button {
    outline: none;
    border: none;
}


/*placeholder颜色*/


/*::-webkit-input-placeholder {
	color: #FFFFFF;
}*/


/* Firefox 18- */


/*:-moz-placeholder {	
	color: #FFFFFF;
}*/


/* Firefox 19+ */


/*::-moz-placeholder {
	color: #FFFFFF;
}*/


/*:-ms-input-placeholder {
	color:#FFFFFF;
}*/


/*边线*/

.li-border-bottom {
    border-bottom: 1px solid #f2f0f0;
}


/*.li-border-bottom:after{
	width: 6.9rem;
	height: 1px;
	background: #EEEEEE;
	content: " ";
	margin: 0 auto;
	display: block;
	visibility: initial;
}*/

.hh1 {
    height: 1.18rem;
}

.mmr20 {
    margin-right: 0.2rem;
}

.mmt100 {
    margin-top: 1rem;
}

.mmt45 {
    margin-top: 0.45rem;
}

.mmt30 {
    margin-top: 0.15rem;
}

.top0 {
    top: 0;
}

.left0 {
    left: 0;
}


/*head*/

.top-blue {
    width: 100%;
    height: 1rem;
    background: #25aae3;
    top: 0;
    left: 0;
}

.top-blue.head-pub {
    color: #FFFFFF;
    font-size: 0.36rem;
    line-height: 1rem;
    text-align: center;
}

.arrow-back {
    position: absolute;
    width: 0.19rem;
    height: 0.36rem;
    top: 0.3rem;
    left: 0.6rem;
}


/*nav导航*/

.nav {
    border-bottom: 0.03rem #dcdcdc solid;
    padding-top: 0.3rem;
    padding-bottom: 0.1rem;
}

.nav ul {
    width: 92%;
    margin: 0 auto;
}

.nav-list {
    width: 20%;
    margin-bottom: 0.2rem;
}

.nav-list img {
    width: 0.84rem;
    height: 0.84rem;
    margin: 0 auto;
    margin-bottom: 0.05rem;
}

.nav-list .text {
    font-size: 0.24rem;
    text-indent: 0.41rem;
    color: #282828;
    letter-spacing: 0.1rem;
    margin-top: 0.2rem;
}


/*footer*/

.footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1.16rem;
    background: #FFFFFF;
    border-top: 1px solid #d7d7d7;
    z-index: 99;
}

.footer-nav {
    width: 20%;
    height: 1.16rem;
}

.footer-nav.current p {
    color: #2ba0ff;
    font-family: "微软雅黑" !important;
}

.footer-nav img {
    widows: 0.7rem;
    height: 0.58rem;
    margin: 0 auto;
    margin-top: 0.15rem;
}

.footer-nav p {
    color: #25aae3;
    font-size: 0.23rem;
    text-align: center;
}


/* common*/

.up-section .type-upimg {
    display: none;
}

::-ms-clear,
 ::-ms-reveal {
    display: none;
}

textarea {
    outline: none;
    padding-left: 0.04rem;
    padding-top: 0.04rem;
    border: 1px solid #ccc;
    color: #7b7b7b;
    font-size: 14px;
    outline: none;
    text-align: left;
}

.overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

button {
    outline: none;
    border: 0px;
    font-family: "PingFang SC", "微软雅黑", "arial, helvetica, sans-serif";
}

input {
    font-family: "PingFang SC", "微软雅黑", "arial, helvetica, sans-serif";
    outline: none;
}

a {
    outline: none;
}

a,
button {
    cursor: pointer;
}

.clear {
    clear: both;
}

.full {
    /*width: 1210px;
	min-width: 1210px;*/
    margin: 0 auto;
}

.full-big {
    /*width: 1340px;
	min-width: 1340px;*/
    margin: 0 auto;
}

.img-full {
    display: block;
    width: 100%;
}

::-webkit-input-placeholder {
    color: #7b7b7b;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #7b7b7b;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #7b7b7b;
}

:-ms-input-placeholder {
    color: #7b7b7b;
    font-size: 0.14rem;
}


/* ====clear float====== */


/*nav a:visited{color: rgb(65,65,65);}
aside a:visited{color: rgb(65,65,65);}*/

.clear:after {
    content: '';
    display: block;
    clear: both;
}


/* reset */

.pic img {
    display: none;
}

i,
p,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
br,
em,
dl,
dd,
li,
ul,
ol,
td,
th,
pre,
form,
body,
input,
strong,
textarea,
select,
figcaption,
figure {
    margin: 0;
    padding: 0;
}

em {
    font-style: normal
}

li {
    list-style: none
}

a {
    text-decoration: none;
}

img {
    border: none;
}

table {
    border-collapse: collapse;
}

textarea {
    resize: none;
    overflow: auto;
}

a,
button {
    cursor: pointer;
}


/*字体图标*/

@font-face {
    font-family: "iconfont";
    src: url('iconfont.eot?t=1526519665018');
    /* IE9*/
    src: url('iconfont.eot?t=1526519665018#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'), url('iconfont.ttf?t=1526519665018') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('iconfont.svg?t=1526519665018#iconfont') format('svg');
    /* iOS 4.1- */
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-dictionary:before {
    content: "\e6ea";
}

.icon-mail-:before {
    content: "\e6fd";
}

.icon-msg-:before {
    content: "\e717";
}

.icon-me-:before {
    content: "\e72a";
}

.icon-home-fill:before {
    content: "\e741";
}

.icon-zuowu-guzi:before {
    content: "\e635";
}

.icon-boke:before {
    content: "\e689";
}

.icon-tongjishiduan:before {
    content: "\e69a";
}

.icon-xiangmuxuqiu:before {
    content: "\e69c";
}

.icon-xuanzeneirong:before {
    content: "\e69f";
}

.icon {
    width: 0.5rem;
    height: 0.5rem;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
    color: #9b9b9b;
}

@font-face {
    font-family: "iconfont";
    src: url('iconfont.eot?t=1530256531284');
    /* IE9*/
    src: url('iconfont.eot?t=1530256531284#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'), url('iconfont.ttf?t=1530256531284') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('iconfont.svg?t=1530256531284#iconfont') format('svg');
    /* iOS 4.1- */
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 20px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-collection_fill:before {
    content: "\e6ea";
    color: #fa815b;
}

.icon-collection:before {
    content: "\e6eb";
    color: #9b9b9b;
}

.icon-like_fill:before {
    content: "\e707";
}

.icon-like:before {
    content: "\e708";
}

.icon-message:before {
    content: "\e70c";
}

.icon-trash:before {
    content: "\e738";
    color: #9b9b9b;
}

@font-face {
    font-family: MuiiconSpread;
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/mui-icons-extra.ttf') format('truetype');
    /* iOS 4.1- */
}

.mui-icon-extra {
    font-family: MuiiconSpread;
    font-size: 24px;
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    display: inline-block;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
}

.mui-icon-extra-cold:before {
    content: "\e500";
}

.mui-icon-extra-share:before {
    content: "\e200";
}

.mui-icon-extra-class:before {
    content: "\e118";
}

.mui-icon-extra-custom:before {
    content: "\e117";
}

.mui-icon-extra-new:before {
    content: "\e103";
}

.mui-icon-extra-card:before {
    content: "\e104";
}

.mui-icon-extra-grech:before {
    content: "\e105";
}

.mui-icon-extra-trend:before {
    content: "\e106";
}

.mui-icon-extra-filter:before {
    content: "\e207";
}

.mui-icon-extra-holiday:before {
    content: "\e300";
}

.mui-icon-extra-cart:before {
    content: "\e107";
}

.mui-icon-extra-heart:before {
    content: "\e180";
}

.mui-icon-extra-computer:before {
    content: "\e600";
}

.mui-icon-extra-express:before {
    content: "\e108";
}

.mui-icon-extra-gift:before {
    content: "\e109";
}

.mui-icon-extra-gold:before {
    content: "\e102";
}

.mui-icon-extra-lamp:before {
    content: "\e601";
}

.mui-icon-extra-rank:before {
    content: "\e110";
}

.mui-icon-extra-notice:before {
    content: "\e111";
}

.mui-icon-extra-sweep:before {
    content: "\e202";
}

.mui-icon-extra-arrowleftcricle:before {
    content: "\e401";
}

.mui-icon-extra-dictionary:before {
    content: "\e602";
}

.mui-icon-extra-heart-filled:before {
    content: "\e119";
}

.mui-icon-extra-xiaoshuo:before {
    content: "\e607";
}

.mui-icon-extra-top:before {
    content: "\e403";
}

.mui-icon-extra-people:before {
    content: "\e203";
}

.mui-icon-extra-topic:before {
    content: "\e603";
}

.mui-icon-extra-hotel:before {
    content: "\e301";
}

.mui-icon-extra-like:before {
    content: "\e206";
}

.mui-icon-extra-regist:before {
    content: "\e201";
}

.mui-icon-extra-order:before {
    content: "\e113";
}

.mui-icon-extra-alipay:before {
    content: "\e114";
}

.mui-icon-extra-find:before {
    content: "\e400";
}

.mui-icon-extra-arrowrightcricle:before {
    content: "\e402";
}

.mui-icon-extra-calendar:before {
    content: "\e115";
}

.mui-icon-extra-prech:before {
    content: "\e116";
}

.mui-icon-extra-cate:before {
    content: "\e501";
}

.mui-icon-extra-comment:before {
    content: "\e209";
}

.mui-icon-extra-at:before {
    content: "\e208";
}

.mui-icon-extra-addpeople:before {
    content: "\e204";
}

.mui-icon-extra-peoples:before {
    content: "\e205";
}

.mui-icon-extra-calc:before {
    content: "\e101";
}

.mui-icon-extra-classroom:before {
    content: "\e604";
}

.mui-icon-extra-phone:before {
    content: "\e404";
}

.mui-icon-extra-university:before {
    content: "\e605";
}

.mui-icon-extra-outline:before {
    content: "\e606";
}


/* 课外*/

.dis_block {
    display: block;
}

.ban4rem {
    padding-top: 44px;
}

.banner {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.banner img {
    width: 100%;
}

.banner ul li {
    width: 100%;
    position: relative;
}

.banner>ol {
    height: 10px;
    position: absolute;
    z-index: 10;
    width: 92%;
    left: 4%;
    bottom: 10px;
    text-align: center;
}

.banner>ol>li {
    display: inline-block;
    margin: 2px;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background: #FFF;
    transition: 0.5s;
    bottom: 0px;
    left: 0px;
}

.banner>ol>li.on {
    background: #008cd5;
    transition: 0.5s;
    width: 25px;
}


/*搜索*/

.search {
    /* background: #FFF; */
    height: 32px;
    width: 100%;
    /* border-radius: 18px; */
    z-index: 999;
    padding: 10px;
    /* margin: 10px auto; */
    position: absolute;
    left: 0px;
    top: 0px;
}

.searchI {
    width: 100%;
    height: 40px;
    line-height: 40px;
    border: none;
    color: #282828;
    border-radius: 100px;
    text-align: left;
    padding-left: 20px;
    /* background: url(../images/icon/search.png) no-repeat 9% center; */
    background-color: #ffffff;
    font-size: 12px;
    position: relative;
}

.searchI>.newIconFont {
    position: absolute;
    right: 20px;
}


/*腰线*/

.IndMenu {
    background: #FFF;
    padding-top: 13px;
}

a.IndMenuA {
    width: 20%;
    display: block;
    text-align: center;
}

a.IndMenuA p {
    color: #282828;
    font-size: 14px;
    padding-top: 7px;
}

.IndMenuB {
    padding: 15px 15px;
    font-size: 14px;
}

.IndMenuB .youer {
    background: #ffd05c;
    width: 3.2rem;
    height: 50px;
    line-height: 50px;
    border-radius: 10px;
    text-align: center;
    position: relative;
}

.IndMenuB .xueqian {
    background: #85daff;
    width: 3.2rem;
    height: 50px;
    line-height: 50px;
    border-radius: 10px;
    text-align: center;
}

.IndMenuB span {
    text-align: center;
}

.IndMenuB .youer img {
    width: 25px;
    float: left;
    margin: 12px 0 0 12px;
}

.IndMenuB .xueqian img {
    width: 28px;
    float: left;
    margin: 12px 0 0 10px;
}

.IndMenuI {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    background-image: url(../images/icon/IndMenu.png);
    background-size: auto 100%;
}

.IndMenuI1 {
    background-position: 0 0;
}

.IndMenuI2 {
    background-position: -45px 0;
}

.IndMenuI3 {
    background-position: -90px 0;
}

.IndMenuI4 {
    background-position: -135px 0;
}

.IndMenuI5 {
    background-position: -180px 0;
}


/*育儿课程*/

.IndOne {
    background: #FFF;
    /* padding: 13px 4% 0; */
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 8px;
}

.IndTit {
    line-height: 20px;
    font-size: 15px;
}

.IndOneT {
    padding: 8px 0 4px;
    margin-bottom: 20px;
}

.IndOneT a {
    /* width: 28%; */
    /* padding-left: 10px; */
    padding-right: 10px;
    font-size: 16px;
    color: #9b9b9b;
    display: block;
    position: relative;
    text-align: left;
    padding-bottom: 10px;
}

.IndOneT a.IndOneTo {
    color: #FECF0E;
    font-weight: bold;
}

.IndOneT a.IndOneTo::after {
    position: absolute;
    content: '';
    height: 8px;
    width: 50%;
    border-radius: 100px;
    background-color: #FECF0E;
    left: 0;
    bottom: 0px;
}

.IndOneN {
    display: none;
}

a.IndOneA:nth-child(1) {
    border-top: none;
}

.IndOneA {
    display: block;
    /* padding: 7px 0; */
    /* border-bottom: 1px solid #eee; */
    color: #7b7b7b;
    width: 100%;
    position: relative;
    height: 80px;
    margin-bottom: 25px;
}

.IndOneI {
    width: 80px;
}

.IndOneI img {
    /* width: 100%;
		height: 1.5rem; */
    width: 80px;
    height: 80px;
    border-radius: 10px;
}

.IndOneP {
    position: absolute!important;
    top: 0px;
    padding-left: 95px;
    width: 100%;
    height: 80px;
}

.IndOneB {
    color: #282828;
    font-size: 16px;
    line-height: 20px;
}

.IndOneBtitle {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 70%;
    display: inline-block;
    margin-bottom: 5px;
    font-weight: bold;
}

.IndOneC {
    padding: 5px 0;
}

.IndOnSty {
    line-height: 16px;
    font-size: 12px;
}

.IndOnSty img {
    width: 9px;
    margin-right: 3px;
    margin-top: 3px;
}

.IndOneM {
    line-height: 16px;
    font-size: 12px;
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.IndOeye {
    padding-left: 15px;
    background: url(../images/icon/eye.png) no-repeat left center;
    background-size: 12px;
    float: right;
    font-size: 12px;
}

.IndOneE {
    margin-top: 3px;
    position: absolute;
    bottom: 0px;
}

.IndOneE span {
    font-size: 12px;
    /* background: #f2f9fd; */
    /* border-radius: 20px; */
    /* border: 1px solid #cfeaf8; */
    color: #008fda;
    display: inline-block;
    margin-right: 5px;
    /* padding: 0px 6px; */
}


/***********课程详情**************/

.MP60 {
    padding-top: 80px;
    margin-top: -80px;
}

.ClaTK {
    width: 92%;
    padding: 8px 4% 0;
    background: #FFF;
}

.ClaTKt {
    font-size: 16px;
    color: #282828;
    line-height: 22px;
}

.ClaTKs {
    font-size: 12px;
    color: #7b7b7b;
    line-height: 20px;
}

.ClassT {
    padding-top: 7px;
    background: #FFF;
    width: 100%;
    border-bottom: 1px solid #eee;
    margin-bottom: 8px;
}

.ClassTa {
    width: 33.333%;
    text-align: center;
    color: #7b7b7b;
    display: block;
    font-size: 16px;
    line-height: 30px;
    float: left;
}

.ClassTa i {
    background: #FFF;
    height: 3px;
    width: 45px;
    display: block;
    margin: 0 auto;
}

.ClassTo {
    color: #7B7B7B;
    width: 33.333%;
    float: left;
    display: block;
    font-size: 16px;
    line-height: 30px;
}

.ClassTo i {
    background: #009df0;
}

.ClasJJ {
    font-size: 14px;
    color: #7b7b7b;
    line-height: 22px;
    text-align: justify;
    margin: 5px 0;
    -webkit-line-clamp: 3;
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ClasJ6 {
    font-size: 14px;
    color: #7b7b7b;
    line-height: 22px;
    text-align: justify;
    margin: 5px 0;
    -webkit-line-clamp: 100;
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.read.ClasJJA {
    font-size: 14px;
    text-align: center;
    width: 70px;
    margin: 0 auto 10px;
    color: #3eb5f4;
    display: block;
    margin-top: 0.2rem;
    padding-bottom: 0.2rem;
}


/**********************/

.ShopTK {
    padding: 44px 0 0;
    background: #FFF;
}

.video_01 {
    width: 100%;
    min-width: 320px;
}

.shopAddT {
    font-size: 15px;
    color: #282828;
    line-height: 22px;
}

.shopAddN {
    margin-bottom: 10px;
    margin-top: 5px;
    line-height: 22px;
    color: #7b7b7b;
    font-size: 13px;
}

.shopAddN p {
    padding-left: 20px;
}

.shopAddI1 {
    background: url(../images/icon/icon01.png) no-repeat left center;
    background-size: 13px;
}

.shopAddI2 {
    background: url(../images/icon/icon02.png) no-repeat left center;
    background-size: 13px;
}

.ShopTit {
    width: 92%;
    padding: 5px 4% 0;
    border-top: 1px solid #eee;
    background: #FFF;
    line-height: 34px;
    color: #282828;
    font-size: 16px;
}

.ShopTit i {
    height: 3px;
    width: 64px;
    display: block;
    background: #009df0;
}

.ShopA {
    padding-bottom: 12px;
    display: block;
}

.ShopTime {
    color: #282828;
    font-size: 13px;
    width: 17%;
}

.ShopTime span {
    font-size: 12px;
    font-weight: bold;
}

.ShopANr {
    font-size: 16px;
    color: #282828;
    width: 4.8rem;
    line-height: 20px;
    margin-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 45px;
}

.ShopMore {
    font-size: 14px;
    width: 100px;
    line-height: 20px;
    margin: 0 auto;
    display: block;
    color: #7b7b7b;
    text-align: center;
    margin-bottom: 10px;
}

.ShopHear {
    position: relative;
}

.ShopHeD {
    position: absolute;
    bottom: -17%;
    left: 4%;
    width: 92%;
}

.ShopHePic {
    width: 24%;
    border: 3px solid #FFF;
    border-radius: 4px;
    background: #FFF;
}

.ShopHeN {
    width: 70%;
    padding-top: 5px;
}

.ShopHeNt {
    color: #FFF;
    font-size: 16px;
    color: #FFF;
    line-height: 27px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ShopHeN p {
    color: #fff;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-bottom: 10px;
}


/* marqueeleft */

.wrapper01 {
    height: 150px;
    width: 100%;
    overflow: hidden;
    margin: 10px auto;
}

.wrapper01 .scroller,
.wrapper02 .scroller {}

.wrapper01 .scroller li {
    float: left;
    display: inline;
    width: 120px;
    height: 130px;
    overflow: hidden;
}

.wrapper01 li a {
    display: block;
    text-align: center;
    color: #313131
}

.InWqhgA {
    width: 90px;
    height: 90px;
    border-radius: 50%;
}

.wrapper01 li a p {
    font-size: 14px;
    line-height: 25px;
    padding-top: 10px;
}

.wrapper01 li a span {
    font-size: 12px;
}

.ClasJX {
    width: 100%;
    padding: 15px 0;
}

.ClasPic {
    padding-bottom: 10px;
}

.wrapper02 {
    height: 90px;
    width: 100%;
    overflow: hidden;
    margin: 10px auto;
}

.wrapper02 li {
    float: left;
    display: inline;
    width: 135px;
    height: 90px;
    overflow: hidden;
}

.wrapper02 li a {
    display: block;
    text-align: center;
    color: #313131;
    width: 125px;
    margin: 0 auto;
    overflow: hidden;
}

#mynav {
    position: relative;
}

.wrapper .mui-media-objecta {
    width: 125px;
    height: 140px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}

.mui-media-objectb {
    width: 115px;
    height: 90px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    margin-right: 0.2rem;
    margin-bottom: 0.2rem;
}

.mui-media-objectb span,
p {
    font-size: 14px;
}


/* 适配*/


/*iphone5*/

@media screen and (max-width: 321px) {}


/*360的*/

@media screen and (min-width:322px) and (max-width: 361px) {}


/*iphone6*/

@media screen and (min-width:362px) and (max-width: 376px) {
    .pinglunBoxb {
        padding: 0.1rem 0;
    }
}


/*小米max*/

@media screen and (min-width:377px) and (max-width: 394px) {}


/*Nexus 5X*/

@media screen and (min-width:395px) and (max-width: 413px) {}


/*iphone6p*/

@media screen and (min-width: 414px) and (max-width: 512px) {}


/*上传图片插件的样式*/

.img-box {
    margin-top: 0.2rem;
}

.img-box .up-p {
    margin-bottom: 0.2rem;
    font-size: 0.16rem;
    color: #555;
}

.z_photo {
    padding: 0.15rem;
    padding-left: 0;
    /*border:0.02rem dashed #E7E6E6;*/
    /*padding: 18px;*/
}

.z_photo .z_file {
    position: relative;
}

.z_file .file {
    width: 1.07rem;
    height: 1.07rem;
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 100;
}

.z_photo .up-section {
    position: relative;
    margin-right: 0.2rem;
    margin-bottom: 0.2rem;
}

.up-section .close-upimg {
    position: absolute;
    top: -0.3rem;
    right: -0.2rem;
    z-index: 10;
    width: 0.3rem;
}

.up-section .up-span {
    display: block;
    width: 100%;
    height: 100%;
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9;
    background: rgba(0, 0, 0, .5);
}


/*.up-section:hover{
	border: 0.02rem solid #f15134;
}*/

.up-section:hover .close-upimg {
    display: block;
}

.up-section:hover .up-span {
    visibility: visible;
}

.z_photo .up-img {
    display: block;
    width: 100%;
    height: 100%;
}

.z_photo .up-video {
    display: block;
    width: 100%;
    height: 100%;
}

.loading {
    border: 1px solid #D1D1D1;
    background: url(../img/loading.gif) no-repeat center;
}

.up-opcity {
    opacity: 0;
}

.img-name-p {
    display: none;
}

.upimg-div .up-section {
    width: 1.07rem;
    height: 1.07rem;
}

.img-box .upimg-div .z_file {
    width: 1.07rem;
    height: 1.07rem;
}

.z_file .add-img {
    display: block;
    width: 1.07rem;
    height: 1.07rem;
}


/*遮罩层样式*/

.mask {
    z-index: 1000;
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
}

.mask .mask-content {
    width: 5rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -2.5rem;
    margin-top: -0.8rem;
    background: white;
    height: 1.6rem;
    text-align: center;
}

.mask .mask-content .del-p {
    color: #555;
    height: 0.94rem;
    line-height: 0.94rem;
    font-size: 18px;
    border-bottom: 1px solid #D1D1D1;
}

.mask-content .check-p {
    height: 0.66rem;
    line-height: 0.66rem;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
}

.mask-content .check-p span {
    width: 49%;
    display: inline-block;
    text-align: center;
    color: #d4361d;
    font-size: 0.18rem;
}

.check-p .del-com {
    border-right: 1px solid #D1D1D1;
}

.newHeader {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 50px;
    z-index: 111;
}

.newHeader .sendmsg {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: absolute!important;
    right: 0px;
    top: 0px;
}

.newHeader .sendmsg font {
    font-size: 32px;
}